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; max-width: 560px;
border-radius: 2px; border-radius: 2px;
overscroll-behavior: contain; overscroll-behavior: contain;
max-height: 100vh;
max-height: 100dvh;
&::backdrop { &::backdrop {
background-color: black; background-color: black;
opacity: 0.5; opacity: 0.5;
transition: opacity 220ms var(--tutu-anim-curve-std);
} }
box-shadow: var(--tutu-shadow-e16); box-shadow: var(--tutu-shadow-e16);
@ -39,5 +42,9 @@
&.animated { &.animated {
position: absolute; position: absolute;
transform: none; transform: none;
&::backdrop {
opacity: 0;
}
} }
} }