fix: code copy icon transition after @nuxt/icon update

ZTL-UwU · Nov 21, 2024 · 07964a8 · 07964a8
1 parent 7295e57
commit 07964a8
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/components/content/CodeCopy.vue b/components/content/CodeCopy.vue
@@ -1,18 +1,20 @@
 <template>
   <div class="flex">
     <Transition name="fade" mode="out-in">
-      <Icon
-        v-if="copied === false"
-        name="lucide:copy"
-        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
-        @click="handleClick"
-      />
-      <Icon
-        v-else
-        ref="checkIconRef"
-        name="lucide:check"
-        class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
-      />
+      <div v-if="copied === false">
+        <Icon
+          name="lucide:copy"
+          class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
+          @click="handleClick"
+        />
+      </div>
+      <div v-else>
+        <Icon
+          ref="checkIconRef"
+          name="lucide:check"
+          class="block cursor-pointer self-center text-muted-foreground hover:text-primary"
+        />
+      </div>
     </Transition>
   </div>
 </template>