VPN/remnawave-bedolaga-telegram-bot
1
0
Fork 0
mirror of https://github.com/BEDOLAGA-DEV/remnawave-bedolaga-telegram-bot.git synced 2026-02-21 11:51:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1226 from Fr1ngg/0y4863-bedolaga/fix-mobile-modal-to-cover-full-screen

Browse Source 
Make installation modal full screen on mobile
This commit is contained in:
Egor
2025-10-11 07:46:06 +03:00
committed by GitHub
parent 11b886d6ca 0806ed9f1e
commit ec00fe12a0
1 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
miniapp/index.html
View File

@@ -2591,6 +2591,21 @@
display: flex;
flex-direction: column;
gap: 18px;
overflow-y: auto;
}
@media (max-width: 600px) {
.modal-backdrop {
padding: 0;
align-items: stretch;
}
.modal {
max-width: none;
height: 100vh;
border-radius: 0;
box-shadow: none;
}
}
.modal-header {
@@ -4277,6 +4292,7 @@
.guide-modal-body {
padding: 0 24px 24px;
overflow-y: auto;
flex: 1;
}
.guide-modal-footer {
@@ -4303,6 +4319,33 @@
}
}
@media (max-width: 600px) {
.guide-modal-backdrop {
align-items: stretch;
padding: 0;
}
.guide-modal {
width: 100vw;
max-height: none;
height: 100vh;
border-radius: 0;
box-shadow: none;
}
.guide-modal-header {
padding: calc(16px + env(safe-area-inset-top)) 16px 12px;
}
.guide-modal-body {
padding: 0 16px 16px;
}
.guide-modal-footer {
padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
}
}
.installation-card {
background: transparent;
box-shadow: none;