fix: use color without opacity effect and also apply shadow to selected cards

Author: niklhut

app/components/BookCard.vue

@@ -45,7 +45,7 @@ function handleClick(e: MouseEvent) {
   >
     <UCard
       variant="subtle"
-      class="h-full transition-all hover:shadow-lg dark:hover:shadow-neutral-200/20"
+      class="h-full transition-all hover:shadow-lg dark:hover:shadow-neutral-700"
       :ui="{
         header: 'p-0 sm:px-0',
         body: 'p-2 sm:p-4'
@@ -93,7 +93,7 @@ function handleClick(e: MouseEvent) {
       class="overflow-hidden h-full transition-all"
       :class="{
         'ring-2 ring-primary shadow-lg': selected,
-        'hover:shadow-lg': !selected
+        'hover:shadow-lg dark:hover:shadow-neutral-700': !selected
       }"
     >
       <!-- Cover in header slot - no padding -->