chore: transform border color icon component

Author: hywax

Diff for: components/service/base/Icon.vue

@@ -16,6 +16,7 @@ const wrapClasses = computed(() => ({
   'bg-fg/5 dark:bg-fg/10': props?.wrap && !props?.background,
   'p-2': props?.wrap,
   [iconClasses]: true,
+  'border border-fg/10 dark:border-fg/15 rounded-2xl': true,
 }))
 
 const wrapStyles = computed(() => ({

Diff for: components/service/base/Index.vue

@@ -2,7 +2,7 @@
   <ServicePlaceholder v-if="loadingOverlay" />
   <Component :is="isLink ? 'a' : 'div'" v-else :href="link" :target="target" class="p-4 flex gap-4 hover:bg-fg/5 dark:hover:bg-fg/9 rounded-2xl transition-all">
     <div class="flex-shrink-0 flex">
-      <div class="self-center w-16 h-16 overflow-hidden rounded-2xl border border-fg/10 dark:border-fg/15">
+      <div class="self-center w-16 h-16 overflow-hidden">
         <slot name="icon" :service="data">
           <ServiceBaseIcon v-if="icon" v-bind="icon" />
         </slot>