From fe2802d933290459dc4170dbca9231374619a1bb Mon Sep 17 00:00:00 2001
From: thislight <l1589002388@gmail.com>
Date: Thu, 22 Aug 2024 16:50:12 +0800
Subject: [PATCH] BottomSheet: sets max-height to 100vh on desktop

---
 src/material/BottomSheet.module.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index 5693423..d096fff 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -10,10 +10,13 @@
   max-width: 560px;
   border-radius: 2px;
   overscroll-behavior: contain;
+  max-height: 100vh;
+  max-height: 100dvh;
 
   &::backdrop {
     background-color: black;
     opacity: 0.5;
+    transition: opacity 220ms var(--tutu-anim-curve-std);
   }
 
   box-shadow: var(--tutu-shadow-e16);
@@ -39,5 +42,9 @@
   &.animated {
     position: absolute;
     transform: none;
+
+    &::backdrop {
+      opacity: 0;
+    }
   }
 }