fix(ui): mobile nav menus, light-mode contrast for Combobox, AppHeader and globals

- Studio Navbar: add hamburger button + slide-out sidebar for mobile
- Studio Combobox: replace dark-hardcoded colors with light/dark variants
- Experience AppHeader: fix low-contrast borders/text/icons in light mode;
  mobile sidebar now uses bg-white/bg-gray-900 instead of glass-only
- Experience globals.css: glass-card hover visible in light mode;
  scrollbar thumb visible in light mode (rgba black instead of white)
This commit is contained in:
2026-04-09 09:54:38 -04:00
parent 64a9fd6ca2
commit ac3434454b
4 changed files with 187 additions and 44 deletions
+10 -2
View File
@@ -60,7 +60,7 @@ body {
}
.glass-card:hover {
@apply border-white/20 bg-white/5;
@apply border-black/10 dark:border-white/20 bg-black/5 dark:bg-white/5;
}
.gradient-text {
@@ -106,10 +106,18 @@ body {
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.1);
background: rgba(0, 0, 0, 0.12);
border-radius: 10px;
}
.dark ::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.1);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.22);
}
.dark ::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.2);
}