fix: standardize button spacing in firewall view for improved layout consistency

This commit is contained in:
2025-12-18 09:13:19 -05:00
parent 613b16a23a
commit cb3562ef1d

View File

@@ -449,7 +449,7 @@
<button @click="activeTab = 'rules'"
class="px-6 py-4 text-sm font-semibold transition-all relative whitespace-nowrap"
:class="activeTab === 'rules' ? 'text-primary' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'">
<div class="flex items-center gap-2">
<div class="flex items-center" style="gap: 15px;">
<x-ri-list-check class="size-4" />
<span>Firewall Rules</span>
@if(count($rules) > 0)
@@ -461,7 +461,7 @@
<button @click="activeTab = 'aliases'"
class="px-6 py-4 text-sm font-semibold transition-all relative whitespace-nowrap"
:class="activeTab === 'aliases' ? 'text-primary' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'">
<div class="flex items-center gap-2">
<div class="flex items-center" style="gap: 15px;">
<x-ri-bookmark-line class="size-4" />
<span>IP Aliases</span>
@if(count($aliases) > 0)
@@ -473,7 +473,7 @@
<button @click="activeTab = 'ipsets'"
class="px-6 py-4 text-sm font-semibold transition-all relative whitespace-nowrap"
:class="activeTab === 'ipsets' ? 'text-primary' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'">
<div class="flex items-center gap-2">
<div class="flex items-center" style="gap: 15px;">
<x-ri-folder-3-line class="size-4" />
<span>IP Sets</span>
@if(count($ipsets) > 0)
@@ -485,7 +485,7 @@
<button @click="activeTab = 'logs'"
class="px-6 py-4 text-sm font-semibold transition-all relative whitespace-nowrap"
:class="activeTab === 'logs' ? 'text-primary' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'">
<div class="flex items-center gap-2">
<div class="flex items-center" style="gap: 15px;">
<x-ri-file-list-3-line class="size-4" />
<span>Firewall Logs</span>
@if(count($firewallLogs) > 0)
@@ -497,7 +497,7 @@
<button @click="activeTab = 'saved'"
class="px-6 py-4 text-sm font-semibold transition-all relative whitespace-nowrap"
:class="activeTab === 'saved' ? 'text-primary' : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'">
<div class="flex items-center gap-2">
<div class="flex items-center" style="gap: 15px;">
<x-ri-save-3-line class="size-4" />
<span>Saved Configurations</span>
@if(count($savedConfigurations) > 0)