From 0e3e094c18227f0ca527e783478c52c51a778b8d Mon Sep 17 00:00:00 2001 From: James Collins Date: Wed, 25 Jan 2023 18:19:54 +1000 Subject: [PATCH] added dropshadow to carousel arrows --- resources/js/components/SMCarousel.vue | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/resources/js/components/SMCarousel.vue b/resources/js/components/SMCarousel.vue index e7a857f..1c5accf 100644 --- a/resources/js/components/SMCarousel.vue +++ b/resources/js/components/SMCarousel.vue @@ -155,6 +155,10 @@ const disconnectMutationObserver = () => { transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; opacity: 0.75; + svg { + filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1)); + } + &:hover { -webkit-transform: translateY(-50%) scale(1.25); transform: translateY(-50%) scale(1.25);