style: update error message display in Proxmox firewall view for improved centering and visual hierarchy
This commit is contained in:
@@ -51,14 +51,14 @@
|
||||
</style>
|
||||
|
||||
<div class="space-y-6">
|
||||
<!-- Error Message - Top of Page -->
|
||||
<!-- Error Message - Centered on Page -->
|
||||
@if($error)
|
||||
<div class="flex justify-center">
|
||||
<div class="bg-error/20 border-2 border-error rounded-lg p-4 shadow-lg max-w-2xl w-full">
|
||||
<div class="fixed inset-0 flex items-center justify-center z-50 bg-black/50 backdrop-blur-sm" wire:click="$set('error', '')">
|
||||
<div class="bg-error/20 border-2 border-error rounded-lg p-6 shadow-lg max-w-2xl w-full mx-4" wire:click.stop>
|
||||
<div class="flex items-start gap-3">
|
||||
<x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
|
||||
<x-ri-error-warning-fill class="size-6 text-error flex-shrink-0 mt-0.5" />
|
||||
<div class="flex-1 text-center">
|
||||
<h3 class="text-base font-semibold text-error mb-1">Firewall Error</h3>
|
||||
<h3 class="text-lg font-semibold text-error mb-2">Firewall Error</h3>
|
||||
<p class="text-sm text-error/90 leading-relaxed">{{ $error }}</p>
|
||||
</div>
|
||||
<button
|
||||
|
||||
Reference in New Issue
Block a user