devtools
devtools copied to clipboard
fix: Devtools "Open Graph" tab layout
đ The bug
Open Graph tabs has 2 parts, let's call them Details and Preview
on smaller widths, they are on top of each others, which is fine. however when u resize the devtools to be more than 1024px wide, The Preview part takes the whole screen (h-full) because the container is not applying the lg:row class.
đ ī¸ To reproduce
none
đ Expected behavior
when resizing the devtools above 1024px, the tabs mentioned above should be both visible and on top of each other.
âšī¸ Additional context
-
-
- suspect line of code responsible https://github.com/nuxt/devtools/blob/33fe6857dabff26a0cb30fb1b1f170e8a658a96b/packages/devtools/client/pages/modules/open-graph.vue#L96 (I have no idea what css tool is this)