Rubicon/tutu
1
0
Fork 0
Code Issues 13 Pull requests Projects 2 Releases Activity Actions

BottomSheet: sets max-height to 100vh on desktop

Browse source
This commit is contained in:
thislight 2024-08-22 16:50:12 +08:00
parent e74ae23612
commit a24319911b
No known key found for this signature in database
GPG key ID: A50F9451AC56A63E
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/material/BottomSheet.module.css
View file

@ -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;
}
}
}