fix: replace dynamic component usage with static icon elements for better performance
This commit is contained in:
@@ -83,7 +83,7 @@
|
||||
})" class="flex items-center gap-2">
|
||||
<button @click="openModal()" :title="icon ? 'Customize server icon' : 'Set server icon'" class="p-2 rounded-lg bg-secondary/10 hover:bg-secondary/20 transition-colors">
|
||||
<template x-if="icon">
|
||||
<x-dynamic-component :is="'x-ri-' + icon" class="size-5" :style="color ? 'color: ' + color : ''" />
|
||||
<i :class="'ri-' + icon + ' size-5'" :style="color ? 'color: ' + color : ''"></i>
|
||||
</template>
|
||||
<template x-if="!icon">
|
||||
<x-ri-server-line class="size-5 text-secondary" />
|
||||
@@ -99,7 +99,7 @@
|
||||
<div class="flex items-center gap-4 mb-4">
|
||||
<div class="size-12 rounded-xl border flex items-center justify-center" :style="color ? 'color: ' + color + '; border-color: ' + color : ''">
|
||||
<template x-if="icon">
|
||||
<x-dynamic-component :is="'x-ri-' + icon" class="size-8" />
|
||||
<i :class="'ri-' + icon + ' size-8'" :style="color ? 'color: ' + color : ''"></i>
|
||||
</template>
|
||||
<template x-if="!icon">
|
||||
<x-ri-server-line class="size-8 text-base/40" />
|
||||
@@ -110,7 +110,7 @@
|
||||
<div class="grid grid-cols-6 gap-2 mb-4 max-h-32 overflow-y-auto">
|
||||
<template x-for="i in filteredIcons" :key="i">
|
||||
<button @click="icon = i" :class="icon === i ? 'ring-2 ring-primary' : ''" class="rounded p-1 border flex items-center justify-center">
|
||||
<x-dynamic-component :is="'x-ri-' + i" class="size-5" />
|
||||
<i :class="'ri-' + i + ' size-5'"></i>
|
||||
</button>
|
||||
</template>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user