アイコン変更

miyaoka · Oct 20, 2024 · f5cd851 · f5cd851
1 parent 03512c6
commit f5cd851
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/src/components/menu/keywordList/KeywordListButton.vue b/src/components/menu/keywordList/KeywordListButton.vue
@@ -14,8 +14,8 @@ const popover = usePopover();
     <i
       class="size-8"
       :class="{
-        'i-f7-ellipses-bubble-fill': popover.isShow.value,
-        'i-f7-ellipses-bubble': !popover.isShow.value,
+        'i-icon-park-solid-topic': popover.isShow.value,
+        'i-icon-park-outline-topic': !popover.isShow.value,
       }"
     />
   </button>

diff --git a/src/components/menu/keywordList/KeywordListPopover.vue b/src/components/menu/keywordList/KeywordListPopover.vue
@@ -93,7 +93,7 @@ function createCountList(eventList: string[][]): KeywordItem[] {
     class="flex max-h-[min(500px,calc(100dvh-5rem))] min-h-[150px] w-[350px] flex-col overflow-hidden rounded-md border-2 border-gray-800 bg-white"
   >
     <div class="flex h-11 shrink-0 items-center justify-start gap-1 bg-black p-2 text-white">
-      <i class="i-mdi-hashtag size-5" />
+      <i class="i-icon-park-solid-topic size-5" />
       <span>トレンド</span>
 
       <button

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -12,7 +12,15 @@ export default {
       // Select the icon collections you want to use
       // You can also ignore this option to automatically discover all individual icon packages you have installed
       // If you install @iconify/json, you should explicitly specify the collections you want to use, like this:
-      collections: getIconCollections(["mdi", "lucide", "ic", "f7", "eva"]),
+      collections: getIconCollections([
+        "mdi",
+        "lucide",
+        "ic",
+        "f7",
+        "eva",
+        "icon-park-outline",
+        "icon-park-solid",
+      ]),
       // If you want to use all icons from @iconify/json, you can do this:
       // collections: getIconCollections("all"),
       // and the more recommended way is to use `dynamicIconsPlugin`, see below.