santhoshj/astro-website
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

mobile view issue
Some checks failed
publish-image / publish (push) Has been cancelled
Details
ci / site (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Santhosh Janardhanan
2026-02-10 23:55:50 -05:00
parent 2b4c8a79e3
commit dda37a4969
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
site/src/styles/global.css
View File

@@ -1002,6 +1002,11 @@ button.card {
/* --- Media Modal --- */ /* --- Media Modal --- */
#media-modal { #media-modal {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
max-width: 800px; max-width: 800px;
width: calc(100vw - 48px); width: calc(100vw - 48px);
max-height: 90vh; max-height: 90vh;
@@ -1024,9 +1029,11 @@ button.card {
.media-modal-content { .media-modal-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; max-height: min(90vh, calc(100dvh - 32px));
min-height: 0;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
-webkit-overflow-scrolling: touch;
} }
.media-modal-header { .media-modal-header {
@@ -1302,10 +1309,14 @@ button.card {
@media (max-width: 760px) { @media (max-width: 760px) {
#media-modal { #media-modal {
max-width: 96vw; max-width: 96vw;
max-height: 94vh; max-height: min(94vh, calc(100dvh - 24px));
width: 96vw; width: 96vw;
} }
.media-modal-content {
max-height: min(94vh, calc(100dvh - 24px));
}
.media-modal-header { .media-modal-header {
padding: 16px 20px; padding: 16px 20px;
} }