Feat : various CSS Changes

2024-05-17 17:25:37 +02:00
parent 56a62789c1
commit 07bacfa8e3
3 changed files with 54 additions and 41 deletions
@@ -20,7 +20,10 @@ const props = withDefaults(defineProps<Props>(), {
                </CardPreview>
            </template>
            <template v-if="props.stack.length == 0">
-                <img :class="`card_image empty`" :src="'/cards/background.png'" draggable="false">
+                <div class="empty">
+                    <img :class="`card_image`" :src="'/cards/background.png'" draggable="false">
+                </div>
+
            </template>
        </div>
    </div>
@@ -42,7 +45,11 @@ const props = withDefaults(defineProps<Props>(), {
    justify-content: center;
 }

-.card_image.empty {
+.empty {
+    max-width: 10px;
+}
+
+.empty>.card_image {
    filter: brightness(0.5);
    max-height: 250px;
 }