From 3095a0ab21afc7f2b438d67962b685996515022e Mon Sep 17 00:00:00 2001 From: svHvidsten Date: Mon, 2 Dec 2024 10:13:59 +0100 Subject: [PATCH 1/2] Tiny bugfix for monitors that are exactly 1680x1050 --- piggy/static/css/themes/synthwave.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/piggy/static/css/themes/synthwave.css b/piggy/static/css/themes/synthwave.css index 187a886..fa9ffac 100644 --- a/piggy/static/css/themes/synthwave.css +++ b/piggy/static/css/themes/synthwave.css @@ -117,7 +117,7 @@ description: Fancy sunset, purple, neon, gradients! linear-gradient(to bottom, transparent 0%, transparent 98%, var(--grid-line-color) 99%); background-size: 2.5rem 2.5rem; transform-origin: top center; - transform: translateY(0px) perspective(1000px) rotateX(85deg); + transform: translateY(1px) perspective(1000px) rotateX(85deg); animation: scrollGrid 10s linear infinite; } From 70ad1990d78672d9b6f793625fc24fdc221b1603 Mon Sep 17 00:00:00 2001 From: svHvidsten Date: Tue, 3 Dec 2024 10:06:57 +0100 Subject: [PATCH 2/2] Synthwave theme is more responsive now --- piggy/static/css/themes/synthwave.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/piggy/static/css/themes/synthwave.css b/piggy/static/css/themes/synthwave.css index fa9ffac..6eb987a 100644 --- a/piggy/static/css/themes/synthwave.css +++ b/piggy/static/css/themes/synthwave.css @@ -111,13 +111,13 @@ description: Fancy sunset, purple, neon, gradients! } [data-theme="synthwave"] .background-overlay { - height: 125%; + height: 200%; background-image: - linear-gradient(to right, transparent 0%, transparent 98%, var(--grid-line-color) 99%), - linear-gradient(to bottom, transparent 0%, transparent 98%, var(--grid-line-color) 99%); + linear-gradient(to right, transparent 0%, transparent 98%, var(--grid-line-color) 99%), + linear-gradient(to bottom, transparent 0%, transparent 98%, var(--grid-line-color) 99%); background-size: 2.5rem 2.5rem; transform-origin: top center; - transform: translateY(1px) perspective(1000px) rotateX(85deg); + transform: translateY(2%) perspective(40rem) rotateX(77deg); animation: scrollGrid 10s linear infinite; }