Merge pull request #507 from AOEpeople/bugfixes/#265249-missing-shadow

fixed missing shadows by removing global css
AOEpeople · Aug 14, 2024 · 3b57e39 · 3b57e39
2 parents 7a00096 + ab236a0
commit 3b57e39
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 11 deletions.
diff --git a/src/Resources/src/components/dashboard/Day.vue b/src/Resources/src/components/dashboard/Day.vue
@@ -161,11 +161,3 @@ function openModal() {
   openParticipantsModal.value = true;
 }
 </script>
-
-<style>
-.day-shadow {
-  box-shadow:
-    0 4px 0 hsla(0, 0%, 100%, 0.46),
-    0 15px 35px rgba(216, 225, 233, 0.8);
-}
-</style>
diff --git a/src/Resources/src/components/dashboard/ParticipantsListModal.vue b/src/Resources/src/components/dashboard/ParticipantsListModal.vue
@@ -6,7 +6,7 @@
   >
     <div class="fixed inset-0 flex items-center justify-center bg-[rgba(0,0,0,0.1)] p-4">
       <DialogPanel
-        class="day-shadow relative inset-0 mx-auto h-auto w-96 overflow-auto rounded-lg bg-white px-4 pb-4 pt-2.5 text-left drop-shadow-2xl sm:w-max"
+        class="relative inset-0 mx-auto h-auto w-96 overflow-auto rounded-lg bg-white px-4 pb-4 pt-2.5 text-left shadow-day drop-shadow-2xl sm:w-max"
       >
         <IconCancel
           :btn-text="t('combiModal.close')"

diff --git a/src/Resources/src/components/menu/MenuDay.vue b/src/Resources/src/components/menu/MenuDay.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="day-shadow group grid grid-cols-[24px_minmax(0,1fr)_58px] grid-rows-3 rounded-lg border-0 border-none bg-white text-center align-middle sm:grid-cols-[24px_minmax(0,1fr)_72px]"
+    class="group grid grid-cols-[24px_minmax(0,1fr)_58px] grid-rows-3 rounded-lg border-0 border-none bg-white text-center align-middle shadow-day sm:grid-cols-[24px_minmax(0,1fr)_72px]"
   >
     <div
       class="col-start-1 row-span-3 row-start-1 grid w-[24px] grid-rows-[24px_minmax(0,1fr)_24px] justify-center rounded-l-lg bg-primary-2 py-1"

diff --git a/src/Resources/src/components/weeks/WeekOverview.vue b/src/Resources/src/components/weeks/WeekOverview.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="day-shadow group grid aspect-[16/10] h-full cursor-pointer grid-cols-[24px_minmax(0,1fr)] grid-rows-2 rounded-lg border-0 border-none bg-white text-center align-middle transition-transform"
+    class="group grid aspect-[16/10] h-full cursor-pointer grid-cols-[24px_minmax(0,1fr)] grid-rows-2 rounded-lg border-0 border-none bg-white text-center align-middle shadow-day transition-transform"
     :class="{ 'hover:scale-[115%]': week.id }"
     @click="handleClick"
   >