feat: enhance server icon customization modal with improved padding and button styling
This commit is contained in:
@@ -65,7 +65,7 @@
|
|||||||
</div>
|
</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" />
|
<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>
|
||||||
<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
|
@php
|
||||||
$iconList = [
|
$iconList = [
|
||||||
'server-line', 'database-2-line', 'computer-line', 'cpu-line', 'hard-drive-2-line',
|
'server-line', 'database-2-line', 'computer-line', 'cpu-line', 'hard-drive-2-line',
|
||||||
@@ -92,7 +92,7 @@
|
|||||||
];
|
];
|
||||||
@endphp
|
@endphp
|
||||||
@foreach($iconList as $iconName)
|
@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" />
|
<x-dynamic-component :component="'ri-' . $iconName" class="size-5" />
|
||||||
</button>
|
</button>
|
||||||
@endforeach
|
@endforeach
|
||||||
|
|||||||
Reference in New Issue
Block a user