Add hover highlight

2025-03-30 17:25:55 +02:00
parent f66774ef1a
commit 3fd31a39ed
3 changed files with 20 additions and 4 deletions
@@ -3,11 +3,15 @@ import Logo from '@/components/logo.vue'
 import type { CardT } from '@/colors.ts'

 const card = defineModel<CardT>({ required: true })
+const props = defineProps<{
+  active?: boolean
+}>()
 </script>

 <template>
  <div
-    class="flex flex-col border-2 border-gray-200 card mx-auto w-full"
+    class="flex flex-col border-2 border-gray-200 transition-colors card mx-auto w-full"
+    :class="{ 'border-gray-800': active }"
    :style="{ backgroundColor: card.color }"
  >
    <div