3dbddc39c2* studio/frontend: settings dialog fits viewport at tablet widths The dialog used a fixed w-[820px] with sm:w-[820px] override, so any viewport between 640px and 820px (iPad portrait at 768px is the canonical case) saw the dialog overflow horizontally by 26px on each side -- the right-edge scroll arrow and the active-tab chevron got clipped against the viewport. Replace the hard 820 with min(820px, calc(100vw-2rem)) on both max-w and w so the dialog caps at the original 820px on desktop and shrinks to fit (with a 1rem gutter) on narrower screens. max-sm: still drives the full-bleed h-dvh/w-dvw layout under 640px. * studio/frontend: keep mobile full-bleed override !important Bot review: base !max-w-[min(...)] is !important so the regular max-sm:max-w-none never wins, leaving a 1rem gutter on phones where the previous code rendered a true full-bleed dialog. Bump the mobile override to !important too. --------- Co-authored-by: danielhanchen <michaelhan2050@gmail.com> |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| .gitignore | ||
| .gitkeep | ||
| .npmrc | ||
| biome.json | ||
| components.json | ||
| data-designer.openapi (1).yaml | ||
| eslint.config.js | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||