feat: enhance server icon customization modal with improved padding and button styling
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user