Skip to content

Commit 7c6cd86

Browse files
authored
[devtools] fix: adjust width for responsiveness (#80777)
It was left out of #80732, I was fooled by the offline storybook.
1 parent 5771ce1 commit 7c6cd86

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -159,12 +159,14 @@ export const DEVTOOLS_PANEL_STYLES = css`
159159
[data-nextjs-devtools-panel-overlay] {
160160
padding: initial;
161161
margin: auto;
162+
width: 100%;
162163
/* TODO: This is for fullscreen mode. */
163164
/* top: 10vh; */
164165
165166
@media (max-width: 575px) {
166167
left: 20px !important;
167168
right: 20px !important;
169+
width: auto;
168170
}
169171
170172
@media (min-width: 576px) {

0 commit comments

Comments
 (0)