torbjorn/antigravity-claude-proxy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(ui): add filter control styles for time range dropdown

Browse Source 
Introduce new CSS classes for filter controls and apply them to the time range dropdown in the dashboard view, improving consistency and hover effects.
This commit is contained in:
jgor20
2026-01-11 15:06:20 +00:00
parent 5993456620
commit fc35b71c2b
3 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/css/src/input.css
View File

@@ -366,6 +366,25 @@
/* Refactored UI Components (Phase 1.2) */
/* -------------------------------------------------------------------------- */
/* Phase 1.2 additions ... */
/* Filter Controls */
.filter-control {
@apply flex items-center justify-center gap-2 px-3 py-1.5 lg:px-4 lg:py-2
text-[10px] lg:text-xs font-mono font-medium text-gray-400
bg-space-800 lg:bg-transparent border border-space-border/50 lg:border-transparent
rounded lg:rounded-md hover:text-white lg:hover:bg-space-800
transition-all duration-200 whitespace-nowrap w-full sm:w-auto;
}
.filter-control:hover {
@apply border-neon-cyan/50 lg:border-neon-cyan/30 lg:shadow-lg lg:shadow-neon-cyan/10;
}
.filter-control-item {
@apply w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors;
}
/* Action Buttons */
.btn-action-ghost {
@apply btn btn-xs btn-ghost text-gray-400 hover:text-white transition-colors;