* studio/frontend: soften toast shadow and tighten vertical padding Sonner's defaults felt heavy in the chat header surface: a 16px all-around padding made the box taller than the two-line content warranted, and the 4/12/0.10 drop shadow read as a hard slab against the light background. Trim padding to 10px vertical (horizontal unchanged at 16px) and dial the shadow back to 0 2px 6px / 0.08 so the toast still lifts off the surface without casting a heavy halo. * studio/frontend: annotate why toast override needs !important Sonner injects its base styles at runtime from inside its JS bundle, so a plain cascade tie can lose depending on injection order. One short comment above the override saves the next reader the dig. * studio/frontend: boost toast shadow opacity in dark mode Sonner's lighter 0.08 shadow disappears on the dark popover surface: quantitative measurement of the shadow band (10px below the toast) across Chromium / Firefox / WebKit showed only a ~3% luminance drop vs background, well below perceptual threshold. Bump the dark-mode opacity to 0.3, matching the existing .shadow-border light/dark ratio (0.1 -> 0.3) and bringing the toast in line with .menu-soft-surface's dark-mode shadow (0.28). Light mode keeps the original 0.08. |
||
|---|---|---|
| .. | ||
| 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 | ||