refactor: standardize heading styles in Proxmox overview and statistics views for improved consistency

This commit is contained in:
2025-12-03 23:26:29 -05:00
parent ce0850c10d
commit 07b8299ebd
2 changed files with 17 additions and 17 deletions

View File

@@ -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>

View File

@@ -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>