fix: adjust help modal banner position and hide overflow on mobile

- Move banner up and left on mobile devices
- Prevent horizontal scrolling in modal content area
This commit is contained in:
Andrew Beal 2026-07-06 19:49:01 +01:00
parent 1c5834e858
commit 4811e89535

View file

@ -351,6 +351,11 @@
}
/* Mobile styles */
:global(.is-mobile) .help-modal-banner {
margin-top: calc(var(--size-4-1) * -1);;
margin-left: calc(var(--size-4-2) * -0.6);
}
:global(.is-mobile) .help-modal-body {
grid-template-rows: auto var(--size-4-2) 1fr var(--size-4-2) auto;
grid-template-columns: 1fr;
@ -385,5 +390,6 @@
grid-row: 3;
grid-column: 1;
padding: var(--size-4-2);
overflow-x: hidden;
}
</style>