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:
@@ -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);
|
||||
}
|
||||
Reference in New Issue
Block a user