修改展覽卡片樣式及link位置

FrontEnd/components/exhibition/ExhibitionListCard.vue

@@ -1,7 +1,8 @@
 <template>
   <div class="tw-mb-[20px]">
+    <nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)">
     <div
-      class="tw-grid xl:tw-grid-cols-[auto_28px] tw-bg-white tw-border-solid tw-border tw-border-neutrals-200 tw-rounded-[20px] md:tw-p-[20px]">
+      class="exhib-card tw-grid xl:tw-grid-cols-[auto_28px] tw-bg-white tw-border-solid tw-border tw-border-neutrals-200 tw-rounded-[20px] md:tw-p-[20px]">
       <div class="tw-grid tw-grid-cols-[102px_auto] tw-gap-[10px] tw-p-[10px] md:tw-grid-cols-[160px_auto]">
         <div class="tw-bg-primary-brigh">
           <img src="~/assets/svg/bookmark_outline.svg" class="tw-mb-[30px] md:tw-hidden" alt="" />
@@ -63,9 +64,9 @@
           <div>
             <div class="tw-body-4  tw-font-bold tw-mb-[10px] md:tw-text-[18px]">
               <!-- {{ item.ExhibitionName }} -->
-              <nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)">
+              <!-- <nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)"> -->
                 {{ item.ExhibitionName }}
-              </nuxt-link>
+              <!-- </nuxt-link> -->
             </div>
 
 
@@ -133,7 +134,7 @@
       </div>
 
       <!-- 電腦版save exhibition -->
-      <div class="tw-hidden md:tw-cursor-pointer md:tw-block" @click="onToggleFavorite(item)">
+      <div class="tw-hidden md:tw-cursor-pointer md:tw-block" @click.prevent="onToggleFavorite(item)">
         <div v-if="item.IsFavorite === 'Y'">
           <img src="~/assets/svg/bookmark.svg" class="tw-w-[24px] md:tw-w-[28px]" alt="" />
         </div>
@@ -143,6 +144,7 @@
       </div>
     </div>
 
+    </nuxt-link>
   </div>
 </template>
 
@@ -209,6 +211,11 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.exhib-card {
+  &:hover {
+    box-shadow: 10px 10px 10px rgba(155, 155, 155, 0.25);
+  }
+}
 .exhibit-card {
   max-width: 836px;