mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-07 15:50:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

css for mobile context menu

Browse source
This commit is contained in:
Gigiaj 2025-06-17 20:17:29 -05:00
parent e2e3ae63e3
commit a572e6c352
1 changed files with 34 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/app/molecules/mobile-context-menu/MobileContextMenu.scss Normal file
View file

@ -0,0 +1,34 @@
.bottom-sheet-backdrop {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
touch-action: none;
}
.bottom-sheet-container {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
display: flex;
flex-direction: column;
max-height: 90vh;
border-radius: 16px 16px 0 0;
box-shadow: 0px -4px B16px rgba(0, 0, 0, 0.15);
}
.bottom-sheet-grabber {
flex-shrink: 0;
width: 40px;
height: 5px;
border-radius: 2.5px;
background-color: #ccc;
margin: 8px auto;
}
.bottom-sheet-content {
overflow-y: auto;
padding: 0 1rem 1rem 1rem;
}