From 376484c3b299cb909e69e7df22f3cbe957b70e82 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Mon, 13 May 2024 17:12:34 +0200
Subject: [PATCH] Add a darkened card when stack is empty Closes #11

---
 components/CardsGrouped.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/components/CardsGrouped.vue b/components/CardsGrouped.vue
index c4eb3d3..07f0396 100644
--- a/components/CardsGrouped.vue
+++ b/components/CardsGrouped.vue
@@ -19,6 +19,9 @@ const props = withDefaults(defineProps<Props>(), {
                     <slot></slot>
                 </CardPreview>
             </template>
+            <template v-if="props.stack.length == 0">
+                <img :class="`card_image empty`" :src="'/cards/background.png'" draggable="false">
+            </template>
         </div>
     </div>
 
@@ -38,4 +41,9 @@ const props = withDefaults(defineProps<Props>(), {
     flex-direction: row-reverse;
     justify-content: center;
 }
+
+.card_image.empty {
+    filter: brightness(0.5);
+    max-height: 250px;
+}
 </style>
\ No newline at end of file