diff --git a/style.css b/style.css index a432654..307d207 100644 --- a/style.css +++ b/style.css @@ -2908,9 +2908,12 @@ body { isolation: isolate; } color: #979aa0; pointer-events: none; cursor: default; } .wrapper { min-height: 100vh; min-height: 100svh; } -.wrapper .main-section:not(.main-section-alt), -.wrapper .main-section.main-section-alt2, -.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); } +.wrapper .main-section.index-mobile-fit, +.wrapper .main-content-wrapper { min-height: calc(100vh - 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) { .index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; } } diff --git a/style.min.c.css b/style.min.c.css index 4919682..0cb1701 100644 --- a/style.min.c.css +++ b/style.min.c.css @@ -856,9 +856,12 @@ padding-top: 2svh !important; color: #979aa0; pointer-events: none; cursor: default; } .wrapper { min-height: 100vh; min-height: 100svh; } -.wrapper .main-section:not(.main-section-alt), -.wrapper .main-section.main-section-alt2, -.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); } +.wrapper .main-section.index-mobile-fit, +.wrapper .main-content-wrapper { min-height: calc(100vh - 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) { .index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; } } diff --git a/style.min.css b/style.min.css index c6f1d57..92b50cd 100644 --- a/style.min.css +++ b/style.min.css @@ -155,9 +155,12 @@ body { isolation: isolate; } color: #979aa0; pointer-events: none; cursor: default; } .wrapper { min-height: 100vh; min-height: 100svh; } -.wrapper .main-section:not(.main-section-alt), -.wrapper .main-section.main-section-alt2, -.wrapper .main-content-wrapper { min-height: calc(100vh - var(--site-header-height)); min-height: calc(100svh - var(--site-header-height)); } +.wrapper .main-section.index-mobile-fit, +.wrapper .main-content-wrapper { min-height: calc(100vh - 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) { .index-mobile-fit .index-upload-heading { font-size: 24px; font-weight: 600; } }