adjust tag css

src/components/card.svelte

@@ -74,13 +74,13 @@
     {/if} -->
     <div class="card-actions justify-end">
       {#if !raw_tags || tags.length == 0}
-        <div class="badge badge-outline">暂无标签</div>
+        <div class="badge badge-outline glass card-tag">暂无标签</div>
         <!-- <div class="badge badge-outline">tag1</div> -->
         <!-- <div class="badge badge-outline">tag2</div> -->
       {:else}
         {#each tags as tag}
           <div
-            class="badge badge-outline"
+            class="badge badge-outline glass card-tag"
             on:mousedown={searchByTag}>{tag}</div>
         {/each}
       {/if}
@@ -92,4 +92,11 @@
   .card-body {
     --padding-card: 1rem;
   }
+  .card-tag {
+    cursor:pointer;
+  }
+  .card-tag:hover{
+    transition: background-color 0.5s ease;
+    background-color: red;
+  }
 </style>