From 79cc42d8a6904720ffba455e8a4083a8f48851b7 Mon Sep 17 00:00:00 2001 From: SayaAndy Date: Sat, 2 Aug 2025 14:52:55 +0700 Subject: fix: night background getting cut in blog fix: border-radius not shrinking with screen ratio --- static/input.css | 4 ++-- static/output.css | 4 ++-- views/index.html | 5 +++++ views/layouts/blog-page.html | 2 +- 4 files changed, 10 insertions(+), 5 deletions(-) diff --git a/static/input.css b/static/input.css index 6823898..4058cb1 100644 --- a/static/input.css +++ b/static/input.css @@ -27,7 +27,7 @@ --secondary-color: var(--main-light-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vw; + --interlocked-hexagons-background-size: 10vh; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -43,7 +43,7 @@ --secondary-color: var(--main-medium-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vw; + --interlocked-hexagons-background-size: 10vh; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } diff --git a/static/output.css b/static/output.css index 2e6d1bd..ea57d8f 100644 --- a/static/output.css +++ b/static/output.css @@ -425,7 +425,7 @@ --secondary-color: var(--main-light-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vw; + --interlocked-hexagons-background-size: 10vh; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/olive/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } @@ -440,7 +440,7 @@ --secondary-color: var(--main-medium-color); --interlocked-hexagons-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/interlocked-hexagons.svg'); --interlocked-hexagons-background-repeat: repeat; - --interlocked-hexagons-background-size: 10vw; + --interlocked-hexagons-background-size: 10vh; --squares-and-triangles-background: url('https://f003.backblazeb2.com/file/sayana-static/themes/lettuce/squares-and-triangles.svg'); --squares-and-triangles-background-repeat: repeat; } diff --git a/views/index.html b/views/index.html index 6d4bc2f..1b6f8c8 100644 --- a/views/index.html +++ b/views/index.html @@ -21,6 +21,10 @@ } @media (max-aspect-ratio: 1.2/1) { + .menu-outer-body { + border-radius: 5%; + } + .menu-inner-body { width: 92.5%; } @@ -30,6 +34,7 @@ .menu-outer-body { width: 100vw; height: 80vh; + border-radius: 0; } .menu-inner-body { diff --git a/views/layouts/blog-page.html b/views/layouts/blog-page.html index 6ee7d85..df5e4cf 100644 --- a/views/layouts/blog-page.html +++ b/views/layouts/blog-page.html @@ -14,7 +14,7 @@ - +