mirror of
https://github.com/andy-stack/vaultkeeper-ai.git
synced 2026-07-22 06:42:03 +00:00
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:
parent
1c5834e858
commit
4811e89535
1 changed files with 6 additions and 0 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue