devtools icon indicating copy to clipboard operation
devtools copied to clipboard

fix: Devtools "Open Graph" tab layout

Open hmd-ali opened this issue 1 year ago â€ĸ 0 comments

🐛 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

  • image
  • image
  • 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)

hmd-ali avatar May 16 '24 01:05 hmd-ali