From 2b298b7c7634eff4781ef74a0dec2c6222e5b414 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Sun, 26 Feb 2023 20:01:52 +1000
Subject: [PATCH] fix box shadow clipping

---
 resources/js/components/SMToast.vue     | 3 +--
 resources/js/components/SMToastList.vue | 5 +++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/SMToast.vue b/resources/js/components/SMToast.vue
index f452011..4d49ddb 100644
--- a/resources/js/components/SMToast.vue
+++ b/resources/js/components/SMToast.vue
@@ -87,11 +87,10 @@ onMounted(() => {
     background-color: #fff;
     padding: map-get($spacer, 2) map-get($spacer, 2) map-get($spacer, 2)
         map-get($spacer, 2);
-    border: 1px solid #fff;
     border-radius: 12px;
+    border: 1px solid $border-color;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
     margin-bottom: 1rem;
-    border: 1px solid $border-color;
     transition: opacity 0.2s ease-in, margin 0.2s ease-in;
 
     .sm-toast-inner {
diff --git a/resources/js/components/SMToastList.vue b/resources/js/components/SMToastList.vue
index c807e84..4d85b80 100644
--- a/resources/js/components/SMToastList.vue
+++ b/resources/js/components/SMToastList.vue
@@ -21,10 +21,11 @@ const toastStore = useToastStore();
 .sm-toast-container {
     position: fixed;
     height: 2px;
-    top: 4rem;
-    right: 1rem;
+    top: 3.5rem;
+    right: 0.75rem;
     height: 100%;
     z-index: 3000;
+    padding: 10px;
     overflow: hidden;
 }
 </style>