feat(ui): infinite scroll, saved filters, product timeline, image comparator, customers bulk toolbar, dark mode refinements

This commit is contained in:
2026-05-26 09:37:35 +00:00
parent 5c815bc2f5
commit c5fc8c5ec6
5 changed files with 159 additions and 1 deletions

View File

@@ -819,3 +819,43 @@ input:disabled, select:disabled, textarea:disabled {
background: var(--color-surface-1, #1a1a1a);
border-bottom: 2px solid var(--color-primary, #F5A623);
}
/* Enhanced depth layers for both themes */
[data-theme="modern"] {
--shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
--shadow-md: 0 4px 12px rgba(0,0,0,0.4);
--shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
--shadow-xl: 0 16px 48px rgba(0,0,0,0.6);
}
[data-theme="industrial"] {
--shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
--shadow-md: 0 4px 12px rgba(0,0,0,0.5);
--shadow-lg: 0 8px 24px rgba(0,0,0,0.6);
--shadow-xl: 0 16px 48px rgba(0,0,0,0.7);
}
/* Smooth theme transition (only on properties that don't cause flash) */
.card, .glass-card, .btn, .icon-btn, .kpi-card, .alert-card, .meli-card {
transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
/* Improved text rendering in dark */
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Focus visible for accessibility */
*:focus-visible {
outline: 2px solid var(--color-primary, #F5A623);
outline-offset: 2px;
}
/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}