From e96631930e98ce6e5974266ac115c18afa3cdcbf Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Sat, 19 Apr 2025 08:04:59 -0700
Subject: [PATCH] chore: adds some shadows and makes colors better (#3818)

---
 assets/components/FuzzySearchModal.vue  | 2 +-
 assets/components/common/ToastModal.vue | 2 +-
 assets/layouts/default.vue              | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/components/FuzzySearchModal.vue b/assets/components/FuzzySearchModal.vue
index 0c9c2059..aefa80b4 100644
--- a/assets/components/FuzzySearchModal.vue
+++ b/assets/components/FuzzySearchModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="dropdown dropdown-open w-full">
+  <div class="dropdown dropdown-open w-full shadow-md">
     <div class="input input-xl input-primary flex w-full items-center">
       <mdi:magnify class="flex size-8" />
       <input
diff --git a/assets/components/common/ToastModal.vue b/assets/components/common/ToastModal.vue
index 758b7b16..e527597c 100644
--- a/assets/components/common/ToastModal.vue
+++ b/assets/components/common/ToastModal.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="toast toast-end whitespace-normal max-md:m-0 max-md:w-full">
     <div
-      class="alert max-w-xl max-md:rounded-none"
+      class="alert max-w-xl shadow-sm max-md:rounded-none"
       v-for="{ toast, options: { timed } } in toasts"
       :key="toast.id"
       :class="{
diff --git a/assets/layouts/default.vue b/assets/layouts/default.vue
index f7dd0fe4..207e09a8 100644
--- a/assets/layouts/default.vue
+++ b/assets/layouts/default.vue
@@ -25,7 +25,7 @@
       </Pane>
     </Splitpanes>
     <label
-      class="btn btn-circle swap bg-base-content/10 swap-rotate border-base-content/20 hover:border-primary fixed bottom-4 -left-12 w-16 transition-all hover:-left-4"
+      class="btn btn-circle swap bg-base-content/10 swap-rotate border-base-content/20 hover:border-primary fixed bottom-4 -left-12 w-16 shadow-sm transition-all hover:-left-4"
       :class="{ '-left-6!': collapseNav }"
       v-if="!isMobile && !forceMenuHidden"
     >
@@ -34,7 +34,7 @@
       <mdi:chevron-left class="swap-off" />
     </label>
   </div>
-  <dialog ref="modal" class="modal items-start bg-white/15 backdrop-blur-xs transition-none!" @close="open = false">
+  <dialog ref="modal" class="modal bg-base-300/50! items-start backdrop-blur-md transition-none!" @close="open = false">
     <div class="modal-box max-w-2xl bg-transparent pt-20 shadow-none">
       <FuzzySearchModal @close="open = false" v-if="open" />
     </div>