refactor(ui): consolidate filter control button styles and remove overflow from dropdowns

This commit is contained in:
jgor20
2026-01-11 17:19:20 +00:00
parent dde2910a1d
commit 29acb34ee3
3 changed files with 6 additions and 6 deletions

View File

@@ -382,7 +382,7 @@
}
.filter-control-item {
@apply w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors;
@apply block w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors;
}
/* Action Buttons */

2
public/css/style.css generated

File diff suppressed because one or more lines are too long

View File

@@ -257,7 +257,7 @@
x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
class="absolute right-0 mt-1 w-36 bg-space-900 border border-space-border rounded-lg shadow-xl z-50 overflow-hidden py-1"
class="absolute right-0 mt-1 w-36 bg-space-900 border border-space-border rounded-lg shadow-xl z-50 py-1"
style="display: none;">
<button @click="setTimeRange('1h')" class="filter-control-item"
:class="timeRange === '1h' ? 'text-neon-cyan' : 'text-gray-400'"
@@ -296,12 +296,12 @@
x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
x-transition:leave="transition ease-in duration-75"
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
class="absolute right-0 mt-1 w-32 bg-space-900 border border-space-border rounded-lg shadow-xl z-50 overflow-hidden py-1"
class="absolute right-0 mt-1 w-32 bg-space-900 border border-space-border rounded-lg shadow-xl z-50 py-1"
style="display: none;">
<button @click="setDisplayMode('family')" class="w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors"
<button @click="setDisplayMode('family')" class="filter-control-item"
:class="displayMode === 'family' ? 'text-neon-purple' : 'text-gray-400'"
x-text="$store.global.t('family')"></button>
<button @click="setDisplayMode('model')" class="w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors"
<button @click="setDisplayMode('model')" class="filter-control-item"
:class="displayMode === 'model' ? 'text-neon-purple' : 'text-gray-400'"
x-text="$store.global.t('model')"></button>
</div>