Fixes mobile overflow issues

This commit is contained in:
Darren Griffin 2025-01-28 23:46:16 +00:00 committed by GitHub
parent dfdc1c9361
commit bca161c77c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,7 +10,8 @@
z-index: 1200; z-index: 1200;
&.open { &.open {
display: grid; display: flex;
flex-direction: column;
} }
&-inner { &-inner {
@ -21,6 +22,7 @@
max-width: 624px; max-width: 624px;
padding: 20px; padding: 20px;
width: 100%; width: 100%;
overflow: hidden;
} }
&-header { &-header {
@ -48,6 +50,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 20px; gap: 20px;
max-height: 100%;
overflow: hidden;
@media (min-width: 704px) { @media (min-width: 704px) {
flex-direction: row; flex-direction: row;
@ -112,7 +116,7 @@
&-content-wrapper { &-content-wrapper {
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
max-height: 440px; max-height: 475px;
overflow-y: auto; overflow-y: auto;
} }