refactor(ui): consolidate filter control button styles and remove overflow from dropdowns
This commit is contained in:
@@ -382,7 +382,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.filter-control-item {
|
.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 */
|
/* Action Buttons */
|
||||||
|
|||||||
2
public/css/style.css
generated
2
public/css/style.css
generated
File diff suppressed because one or more lines are too long
@@ -257,7 +257,7 @@
|
|||||||
x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
|
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="transition ease-in duration-75"
|
||||||
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
|
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;">
|
style="display: none;">
|
||||||
<button @click="setTimeRange('1h')" class="filter-control-item"
|
<button @click="setTimeRange('1h')" class="filter-control-item"
|
||||||
:class="timeRange === '1h' ? 'text-neon-cyan' : 'text-gray-400'"
|
: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: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="transition ease-in duration-75"
|
||||||
x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95"
|
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;">
|
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'"
|
:class="displayMode === 'family' ? 'text-neon-purple' : 'text-gray-400'"
|
||||||
x-text="$store.global.t('family')"></button>
|
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'"
|
:class="displayMode === 'model' ? 'text-neon-purple' : 'text-gray-400'"
|
||||||
x-text="$store.global.t('model')"></button>
|
x-text="$store.global.t('model')"></button>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user