From 8eb6cc3e776d22b7d0f478b1c1f4f47ce733ea10 Mon Sep 17 00:00:00 2001
From: legonzaur <legonzaur@live.fr>
Date: Fri, 3 May 2024 00:35:07 +0200
Subject: [PATCH] add shadow to card

---
 components/CardPreview.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/components/CardPreview.vue b/components/CardPreview.vue
index 7195e0e..9f4547d 100644
--- a/components/CardPreview.vue
+++ b/components/CardPreview.vue
@@ -66,13 +66,25 @@ onBeforeUpdate(() => {
     cursor: pointer
 }
 
+.card_image {
+    max-height: 250px;
+    transition: filter .125s cubic-bezier(0.075, 0.82, 0.165, 1);
+    transition: margin .125s cubic-bezier(0.075, 0.82, 0.165, 1);
+    transition: transform .125s cubic-bezier(0.075, 0.82, 0.165, 1);
+    margin-top: 15px;
+    margin-bottom: 0px
+}
+
 .card_image.outlined {
     outline: 2px solid red;
     outline-offset: -2px;
 }
 
 .card_image.locked {
-    filter: brightness(0.5);
+    /* filter: brightness(0.5); */
+    filter: drop-shadow(5px 15px 2px rgba(0, 0, 0, .60));
+    margin-top: 0px;
+    margin-bottom: 15px;
 }
 
 .card.wrapped {