mirror of
https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git
synced 2026-02-19 19:20:49 +08:00
fix(layout): keep header fixed on mobile scroll
This commit is contained in:
@@ -35,6 +35,9 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
@media (max-width: $breakpoint-mobile) {
|
@media (max-width: $breakpoint-mobile) {
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
padding: $spacing-sm $spacing-md;
|
padding: $spacing-sm $spacing-md;
|
||||||
gap: $spacing-sm;
|
gap: $spacing-sm;
|
||||||
}
|
}
|
||||||
@@ -242,6 +245,7 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
min-height: calc(100vh - var(--header-height));
|
min-height: calc(100vh - var(--header-height));
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
padding-top: var(--header-height);
|
||||||
|
|
||||||
@supports (min-height: 100dvh) {
|
@supports (min-height: 100dvh) {
|
||||||
min-height: calc(100dvh - var(--header-height));
|
min-height: calc(100dvh - var(--header-height));
|
||||||
|
|||||||
Reference in New Issue
Block a user