fix: standardize button spacing in firewall view for improved layout consistency
This commit is contained in:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user