diff options
| -rw-r--r-- | static/input.css | 14 | ||||
| -rw-r--r-- | views/layouts/general-page.html | 2 |
2 files changed, 13 insertions, 3 deletions
diff --git a/static/input.css b/static/input.css index 3c715a1..803b0f8 100644 --- a/static/input.css +++ b/static/input.css @@ -409,7 +409,7 @@ a:hover, .linklike:hover { } } -@media (width >= 40rem) { +@media (width >= 48rem) { .grid-item, .grid-sizer { width: 25%; } @@ -419,7 +419,7 @@ a:hover, .linklike:hover { } } -@media (width >= 48rem) { +@media (width >= 64rem) { .grid-item, .grid-sizer { width: 20%; } @@ -444,6 +444,7 @@ a:hover, .linklike:hover { font-weight: 600 !important; color: var(--main-light-color) !important; padding-bottom: 1rem !important; + margin-bottom: 0 !important; } .glightbox-clean .gslide-desc { @@ -461,6 +462,15 @@ a:hover, .linklike:hover { padding: 1rem 1rem !important; } +.glightbox-container .ginner-container { + height: 100dvh !important; +} + +.gslide-description { + flex-grow: 0; + flex-shrink: 1; +} + .map-container .leaflet-container { width: 100% !important; height: 100% !important; diff --git a/views/layouts/general-page.html b/views/layouts/general-page.html index c320666..ce6910b 100644 --- a/views/layouts/general-page.html +++ b/views/layouts/general-page.html @@ -197,7 +197,7 @@ </div> </div> - <div class="bg-background-dark flex z-10 w-[min(90dvw,100dvh)] grow-0 ar-lt-0.8:w-[100dvw] h-[100dvh] ar-lt-0.8:max-h-[92dvh]"> + <div class="bg-background-dark flex z-10 ar-lt-0.8:w-[100dvw] w-[90dvw] xs:w-[85dvw] sm:w-[80dvw] md:w-[75dvw] lg:w-[70dvw] xl:w-[60dvw] 2xl:w-[50dvw] grow-0 h-[100dvh] ar-lt-0.8:max-h-[92dvh]"> <div class="pl-[0.5dvw] bg-background-dark border-r-2 border-dashed border-main-dark"></div> <div class="max-h-100% flex flex-col grow bg-background-dark relative pt-4 ml-8 pr-4"> |