style: enhance warning messages for VM power state and storage quota exceeded
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user