style: add a new firewall section with enhanced layout and visual elements in Proxmox view
This commit is contained in:
@@ -1,5 +1,19 @@
|
|||||||
<x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
|
<x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
|
||||||
|
|
||||||
|
<div class="h-9/10 bg-background-secondary/80 backdrop-blur-md border border-neutral/50 rounded-2xl shadow-xl overflow-hidden">
|
||||||
|
<div class="flex flex-col h-full">
|
||||||
|
<div class="p-6 border-b border-neutral/50">
|
||||||
|
<div class="flex items-center gap-3">
|
||||||
|
<div class="w-10 h-10 bg-gradient-to-br from-primary to-secondary rounded-xl flex items-center justify-center shadow-lg">
|
||||||
|
<x-ri-shield-line class="w-6 h-6 text-white" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<h2 class="text-lg font-bold text-foreground">Firewall</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex-1 overflow-y-auto p-4">
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.firewall-toggle-switch {
|
.firewall-toggle-switch {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -2106,4 +2120,8 @@
|
|||||||
</script>
|
</script>
|
||||||
@endscript
|
@endscript
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</x-proxmox::layout>
|
</x-proxmox::layout>
|
||||||
|
|||||||
Reference in New Issue
Block a user