From f6bdaacbbac92354f9c9314fcf50e157830f4f06 Mon Sep 17 00:00:00 2001
From: Nelson Chan <3271800+chakflying@users.noreply.github.com>
Date: Sat, 14 Oct 2023 16:52:38 +0800
Subject: [PATCH] Fix: Clear toasts button blocked by bottom bar (#3863)

* Fix: Clear toasts button blocked

* Chore: Fix lint
---
 src/layouts/Layout.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index 3abbc401..61068183 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -370,12 +370,16 @@ main {
     padding: 9px 15px;
     width: 48px;
     box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.2);
+    z-index: 100;
+
+    .dark & {
+        box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.5);
+    }
 }
 
 @media (max-width: 770px) {
     .clear-all-toast-btn {
         bottom: 72px;
-        z-index: 100;
     }
 }