added dropshadow to carousel arrows

2023-01-25 18:19:54 +10:00
parent 69f770a7fb
commit 0e3e094c18
1 changed files with 4 additions and 0 deletions
--- 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);