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 {