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

This commit is contained in:
2025-12-05 06:54:46 -05:00
parent 21cd954bc2
commit 365aad5cb7

View File

@@ -102,14 +102,14 @@
<!-- VM Running Warning --> <!-- VM Running Warning -->
@if($status && $status->status !== 'stopped') @if($status && $status->status !== 'stopped')
<div class="bg-danger/10 border border-danger/30 rounded-lg p-4"> <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 class="flex items-center gap-3"> <div style="display: flex; align-items: center; gap: 0.75rem;">
<div class="flex-shrink-0"> <div style="flex-shrink: 0;">
<x-ri-error-warning-line class="size-5 text-danger" /> <x-ri-error-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
</div> </div>
<div> <div>
<h4 class="text-sm font-semibold text-danger">Server Must Be Powered Off</h4> <h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Server Must Be Powered Off</h4>
<p class="text-sm text-danger/80 mt-0.5">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> <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> </div>
</div> </div>
</div> </div>
@@ -117,14 +117,14 @@
<!-- Storage Over-Provisioned Warning --> <!-- Storage Over-Provisioned Warning -->
@if($totalAllocatedStorage > $maxAllowedStorage && $maxAllowedStorage > 0) @if($totalAllocatedStorage > $maxAllowedStorage && $maxAllowedStorage > 0)
<div class="bg-danger/10 border border-danger/30 rounded-lg p-4"> <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 class="flex items-center gap-3"> <div style="display: flex; align-items: center; gap: 0.75rem;">
<div class="flex-shrink-0"> <div style="flex-shrink: 0;">
<x-ri-alarm-warning-line class="size-5 text-danger" /> <x-ri-alarm-warning-line style="width: 1.25rem; height: 1.25rem; color: rgb(239 68 68);" />
</div> </div>
<div> <div>
<h4 class="text-sm font-semibold text-danger">Storage Quota Exceeded</h4> <h4 style="font-size: 0.875rem; font-weight: 600; color: rgb(239 68 68);">Storage Quota Exceeded</h4>
<p class="text-sm text-danger/80 mt-0.5"> <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>. 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>.
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. 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> </p>