refactor: standardize heading styles in Proxmox overview and statistics views for improved consistency
This commit is contained in:
@@ -47,7 +47,7 @@
|
||||
<x-ri-information-line class="size-5 text-info flex-shrink-0 mt-0.5" />
|
||||
<div class="flex-1">
|
||||
<div class="flex items-center justify-between mb-2">
|
||||
<h3 class="text-sm font-semibold text-base">Cloud-init Configuration Notice</h3>
|
||||
<h3 class="text-sm font-semibold">Cloud-init Configuration Notice</h3>
|
||||
<button @click="toggle()" type="button" class="text-base/60 hover:text-base transition-colors">
|
||||
<x-ri-arrow-down-s-line x-bind:class="isCollapsed ? 'size-4 transition-transform rotate-180' : 'size-4 transition-transform'" />
|
||||
</button>
|
||||
@@ -112,7 +112,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-server-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Server Details
|
||||
</h6>
|
||||
</div>
|
||||
@@ -286,7 +286,7 @@
|
||||
<div class="flex flex-col gap-2 md:flex-row md:items-center md:justify-between mb-6">
|
||||
<div>
|
||||
<div class="flex items-center gap-2 min-w-0">
|
||||
<h3 class="text-lg font-semibold text-base">Resource Allocation vs Entitlement</h3>
|
||||
<h3 class="text-lg font-semibold">Resource Allocation vs Entitlement</h3>
|
||||
<div class="relative" x-data="{ open: false }" x-cloak>
|
||||
<button type="button" @click="open = true" class="text-base/50 hover:text-base/70 transition-colors">
|
||||
<x-ri-question-line class="size-4" />
|
||||
@@ -324,7 +324,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-server-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Resource Allocation vs Entitlement
|
||||
</h6>
|
||||
</div>
|
||||
@@ -359,7 +359,7 @@
|
||||
<div class="flex items-start justify-between gap-3">
|
||||
<div>
|
||||
<p class="text-xs font-semibold tracking-wide uppercase text-base/60">{{ $resource['label'] }}</p>
|
||||
<p class="text-lg font-semibold text-base">{{ $resource['usage_summary'] }}</p>
|
||||
<p class="text-lg font-semibold">{{ $resource['usage_summary'] }}</p>
|
||||
<p class="text-xs text-base/60">{{ $resource['entitlement_label'] }}</p>
|
||||
</div>
|
||||
<span class="text-[10px] font-semibold px-2 py-1 rounded-full {{ $resource['badge']['class'] }}">
|
||||
@@ -737,7 +737,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-global-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Domain Name System (DNS)
|
||||
</h6>
|
||||
</div>
|
||||
@@ -943,7 +943,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-windows-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Windows Server Installations
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1011,7 +1011,7 @@
|
||||
<div class="flex items-center justify-between mb-4">
|
||||
<div>
|
||||
<div class="flex items-center gap-2 min-w-0">
|
||||
<h3 class="text-lg font-semibold text-base flex items-center gap-2">
|
||||
<h3 class="text-lg font-semibold flex items-center gap-2">
|
||||
<svg class="w-5 h-5 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
||||
</svg>
|
||||
@@ -1056,7 +1056,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Live Network Traffic
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1146,7 +1146,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-file-text-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Notes
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1213,7 +1213,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-error/10">
|
||||
<x-ri-error-warning-line class="size-5 text-error" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Export Error
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
@@ -520,7 +520,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-hard-drive-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Storage I/O
|
||||
</h6>
|
||||
</div>
|
||||
@@ -616,7 +616,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-history-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Statistics History
|
||||
</h6>
|
||||
</div>
|
||||
@@ -949,7 +949,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-task-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Task History
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1348,7 +1348,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-shut-down-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Recent Lifecycle Events
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1669,7 +1669,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-bar-chart-2-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Historical Data Comparison
|
||||
</h6>
|
||||
</div>
|
||||
@@ -1990,7 +1990,7 @@
|
||||
<div class="flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10">
|
||||
<x-ri-router-line class="size-5 text-primary" />
|
||||
</div>
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight text-base">
|
||||
<h6 class="font-sans text-lg font-semibold leading-tight">
|
||||
Network Analysis
|
||||
</h6>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user