From 4edbafc5a0a449444e157e8bd12c735a5cbdca92 Mon Sep 17 00:00:00 2001 From: Amazingca Date: Thu, 7 May 2026 14:04:16 -0600 Subject: [PATCH] Improve scale --- app/style.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/app/style.css b/app/style.css index 82461bd..8bb3fd5 100644 --- a/app/style.css +++ b/app/style.css @@ -2,7 +2,7 @@ color-scheme: light dark; --border-radius-inner: 0.25rem; - @media screen and (max-width: 400px) { + @media screen and (max-width: 720px) { --border-radius-inner: 0.5rem; } --border-radius-outer: calc(var(--border-radius-inner) * 2); @@ -128,7 +128,15 @@ a, a:visited, a:active { &:not(.embedded) { background-color: var(--background-secondary); padding: 0.25rem; - border-radius: 0.5rem; + border-radius: var(--border-radius-inner); + &:first-child { + border-top-left-radius: var(--border-radius-outer); + border-bottom-left-radius: var(--border-radius-outer); + } + &:last-child { + border-top-right-radius: var(--border-radius-outer); + border-bottom-right-radius: var(--border-radius-outer); + } } } @@ -271,7 +279,7 @@ div:has(> #todos-completed.hidden), border-bottom-right-radius: var(--border-radius-inner); } -@media screen and (max-width: 400px) { +@media screen and (max-width: 720px) { h3 { font-size: 1.5rem !important; } -- 2.54.0