Joseph.Rawlings
af62a16354
- Changed modal close event from `@click.away` to `@click.self` for better control over closing modals. - Updated various modal button styles for consistency and improved accessibility. - Adjusted transition durations for modal animations to enhance user experience. - Added aria-labels to close buttons for better screen reader support.
29 lines
1.4 KiB
PHP
29 lines
1.4 KiB
PHP
<div class="space-y-4">
|
|
<div class="bg-background-secondary border border-neutral p-4 rounded-lg mb-4 flex flex-col">
|
|
<div class="flex items-center justify-between mb-2">
|
|
<div class="flex items-center gap-3">
|
|
<div class="bg-base/20 p-2 rounded-lg w-8 h-8 skeleton-shimmer"></div>
|
|
<div class="h-4 w-32 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
<div class="h-5 w-5 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
<div class="flex flex-row flex-wrap gap-4 mt-4">
|
|
<div class="flex flex-col">
|
|
<div class="text-xs text-base/50">IP Address</div>
|
|
<div class="h-4 w-24 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
<div class="hidden sm:flex flex-col">
|
|
<div class="text-xs text-base/50">Memory</div>
|
|
<div class="h-4 w-24 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
<div class="hidden sm:flex flex-col">
|
|
<div class="text-xs text-base/50">Disk</div>
|
|
<div class="h-4 w-24 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
<div class="hidden sm:flex flex-col">
|
|
<div class="text-xs text-base/50">CPU</div>
|
|
<div class="h-4 w-14 bg-base/15 rounded skeleton-shimmer"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |