refactor(ui): Improve usage log filter responsiveness and mobile UX

Refactor the usage log filter toolbar into a shared reusable component for common, drawing, and task logs. Optimize desktop filters with a responsive grid, move secondary filters into a mobile drawer, standardize filter typography, remove redundant filter icons, and add the missing i18n translations for the new drawer description.
This commit is contained in:
t0ng7u
2026-05-25 05:35:44 +08:00
parent b302be30e3
commit 583da45296
79 changed files with 1879 additions and 1262 deletions
+12
View File
@@ -136,6 +136,18 @@ For commercial licensing, please contact support@quantumnous.com
scrollbar-width: none; /* Firefox */
}
/* Tooltip content can still scroll, but should not show a distracting axis. */
[data-slot='tooltip-content'],
[data-slot='tooltip-content'] * {
-ms-overflow-style: none;
scrollbar-width: none;
}
[data-slot='tooltip-content']::-webkit-scrollbar,
[data-slot='tooltip-content'] *::-webkit-scrollbar {
display: none;
}
@utility hover-scrollbar {
/* Hide scrollbar by default */
scrollbar-width: thin;
+3 -1
View File
@@ -78,8 +78,10 @@ For commercial licensing, please contact support@quantumnous.com
}
:root {
--radius: 0.5rem;
--radius: 1rem;
--app-header-height: 3rem;
/* Static build-channel fallback consumed when JS hasn't booted yet. */
--app-rev: '2k6e8r7p';
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);