feat: enhance server icon customization modal with improved padding and button styling

This commit is contained in:
2025-12-06 10:55:24 -05:00
parent a7daa27097
commit 4a3dc3644f

View File

@@ -65,7 +65,7 @@
</div>
<input x-model="search" x-on:input="filterIcons()" type="text" placeholder="Search icons..." class="border rounded px-2 py-1 text-sm w-40 dark:bg-background dark:border-base/20" />
</div>
<div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto">
<div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto p-1">
@php
$iconList = [
'server-line', 'database-2-line', 'computer-line', 'cpu-line', 'hard-drive-2-line',
@@ -92,7 +92,7 @@
];
@endphp
@foreach($iconList as $iconName)
<button @click="icon = '{{ $iconName }}'" :class="icon === '{{ $iconName }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-1 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconName }}">
<button @click="icon = '{{ $iconName }}'" :class="icon === '{{ $iconName }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconName }}">
<x-dynamic-component :component="'ri-' . $iconName" class="size-5" />
</button>
@endforeach