style: enhance warning messages for VM power state and storage quota exceeded

This commit is contained in:
2025-12-05 06:58:11 -05:00
parent 365aad5cb7
commit fc21cbe802

View File

@@ -102,14 +102,12 @@
<!-- VM Running Warning -->
@if($status && $status->status !== 'stopped')
<div style="background-color: rgb(239 68 68 / 0.1); border: 1px solid rgb(239 68 68 / 0.3); border-radius: 0.5rem; padding: 1rem;">
<div style="display: flex; align-items: center; gap: 0.75rem;">
<div style="flex-shrink: 0;">
<x-ri-error-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
</div>
<div>
<h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Server Must Be Powered Off</h4>
<p style="font-size: 0.875rem; color: rgb(239 68 68 / 0.8); margin-top: 0.125rem;">Storage changes can only be made when the server is in a powered off state. Please shut down your server before making any storage modifications.</p>
<div class="bg-error/10 border border-error/30 rounded-lg p-4">
<div class="flex items-start gap-3">
<x-ri-error-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
<div class="flex-1">
<h3 class="text-sm font-semibold">Server Must Be Powered Off</h3>
<p class="text-xs text-base/70 leading-relaxed mt-1">Storage changes can only be made when the server is in a powered off state. Please shut down your server before making any storage modifications.</p>
</div>
</div>
</div>
@@ -117,15 +115,13 @@
<!-- Storage Over-Provisioned Warning -->
@if($totalAllocatedStorage > $maxAllowedStorage && $maxAllowedStorage > 0)
<div style="background-color: rgb(239 68 68 / 0.1); border: 1px solid rgb(239 68 68 / 0.3); border-radius: 0.5rem; padding: 1rem;">
<div style="display: flex; align-items: center; gap: 0.75rem;">
<div style="flex-shrink: 0;">
<x-ri-alarm-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
</div>
<div>
<h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Storage Quota Exceeded</h4>
<p style="font-size: 0.875rem; color: rgb(239 68 68 / 0.8); margin-top: 0.125rem;">
Your server has <strong>{{ number_format($totalAllocatedStorage, 1) }} GB</strong> of storage configured, but your plan only allows <strong>{{ number_format($maxAllowedStorage, 1) }} GB</strong>.
<div class="bg-error/10 border border-error/30 rounded-lg p-4">
<div class="flex items-start gap-3">
<x-ri-alarm-warning-fill class="size-5 text-error flex-shrink-0 mt-0.5" />
<div class="flex-1">
<h3 class="text-sm font-semibold">Storage Quota Exceeded</h3>
<p class="text-xs text-base/70 leading-relaxed mt-1">
<strong>Your server has {{ number_format($totalAllocatedStorage, 1) }} GB of storage configured, but your plan only allows {{ number_format($maxAllowedStorage, 1) }} GB.</strong>
The server cannot be started until storage is reduced to within your plan limits. Please delete drives or upgrade your service to allow this configuration.
</p>
</div>