Enhance server icon button layout with improved alignment and edit indicator styling
This commit is contained in:
@@ -45,8 +45,8 @@
|
||||
initialPrefix: {{ $server->user_set_icon_prefix ? "'" . $server->user_set_icon_prefix . "'" : "'ri'" }}
|
||||
})">
|
||||
<button @click="openModal()" :title="icon ? 'Customize server icon' : 'Set server icon'" class="group flex items-center gap-5 hover:opacity-80 transition-opacity">
|
||||
<div class="relative">
|
||||
<div x-show="icon" :style="color ? 'color: ' + color : ''" x-html="getIconSvg(icon, iconPrefix)" class="size-10"></div>
|
||||
<div class="relative flex items-center justify-center">
|
||||
<div x-show="icon" :style="color ? 'color: ' + color : ''" x-html="getIconSvg(icon, iconPrefix)" class="size-10 flex items-center justify-center"></div>
|
||||
<x-ri-server-line x-show="!icon" class="size-10 text-secondary" />
|
||||
<!-- Edit indicator badge -->
|
||||
<div class="absolute -top-1 -right-1 size-4 bg-primary/90 rounded-full flex items-center justify-center shadow-sm opacity-60 group-hover:opacity-100 transition-opacity">
|
||||
|
||||
Reference in New Issue
Block a user