Improved: code for adding shadow in date-time-modal (#45)

hotwax · Dec 1, 2023 · 0116c39 · 0116c39
1 parent 80573ba
commit 0116c39
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/CustomScheduleModal.vue b/src/components/CustomScheduleModal.vue
@@ -261,8 +261,10 @@ ion-content {
   --padding-bottom: 80px;
 }
 ion-modal.date-time-modal {
-  --width: 290px;
-  --height: 440px;
+  --height: 252px;
   --border-radius: 8px;
 }
+ion-modal.date-time-modal::part(backdrop) {
+  --backdrop-opacity: 0.32;
+}
 </style>