fix(ui): ограничить fallback высоты первым экраном #16
This commit is contained in:
1 parent
198ba573f9
commit
0e6611da73
3 files changed
+18
-9
No files matched your search
@@ -2908,9 +2908,12 @@ body { isolation: isolate; }
|
|||||||
color: #979aa0; pointer-events: none; cursor: default;
|
color: #979aa0; pointer-events: none; cursor: default;
|
||||||
}
|
}
|
||||||
.wrapper { min-height: 100vh; min-height: 100svh; }
|
.wrapper { min-height: 100vh; min-height: 100svh; }
|
||||||
.wrapper .main-section:not(.main-section-alt),
|
.wrapper .main-section.index-mobile-fit,
|
||||||
.wrapper .main-section.main-section-alt2,
|
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); }
|
||||||
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); }
|
@supports (height: 100svh) {
|
||||||
|
.wrapper .main-section.index-mobile-fit,
|
||||||
|
.wrapper .main-content-wrapper { min-height: calc(100svh - var(--site-header-height)); }
|
||||||
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
||||||
}
|
}
|
||||||
|
|||||||
+6
-3
@@ -856,9 +856,12 @@ padding-top: 2svh !important;
|
|||||||
color: #979aa0; pointer-events: none; cursor: default;
|
color: #979aa0; pointer-events: none; cursor: default;
|
||||||
}
|
}
|
||||||
.wrapper { min-height: 100vh; min-height: 100svh; }
|
.wrapper { min-height: 100vh; min-height: 100svh; }
|
||||||
.wrapper .main-section:not(.main-section-alt),
|
.wrapper .main-section.index-mobile-fit,
|
||||||
.wrapper .main-section.main-section-alt2,
|
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); }
|
||||||
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); }
|
@supports (height: 100svh) {
|
||||||
|
.wrapper .main-section.index-mobile-fit,
|
||||||
|
.wrapper .main-content-wrapper { min-height: calc(100svh - var(--site-header-height)); }
|
||||||
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
||||||
}
|
}
|
||||||
|
|||||||
Vendored
+6
-3
@@ -155,9 +155,12 @@ body { isolation: isolate; }
|
|||||||
color: #979aa0; pointer-events: none; cursor: default;
|
color: #979aa0; pointer-events: none; cursor: default;
|
||||||
}
|
}
|
||||||
.wrapper { min-height: 100vh; min-height: 100svh; }
|
.wrapper { min-height: 100vh; min-height: 100svh; }
|
||||||
.wrapper .main-section:not(.main-section-alt),
|
.wrapper .main-section.index-mobile-fit,
|
||||||
.wrapper .main-section.main-section-alt2,
|
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); }
|
||||||
.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); }
|
@supports (height: 100svh) {
|
||||||
|
.wrapper .main-section.index-mobile-fit,
|
||||||
|
.wrapper .main-content-wrapper { min-height: calc(100svh - var(--site-header-height)); }
|
||||||
|
}
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
.index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; }
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user