fix: Increase max width of the settings container

Signed-off-by: Julius Knorr <jus@bitgrid.net>
This commit is contained in:
Julius Knorr 2026-01-22 12:14:07 +01:00 committed by Simon L.
parent 0192f432cc
commit 9717d29862

View file

@ -28,7 +28,7 @@
--border-radius-large: 12px; --border-radius-large: 12px;
--default-font-size: 13px; --default-font-size: 13px;
--checkbox-size: 16px; --checkbox-size: 16px;
--max-width: 500px; --max-width: 580px;
--container-top-margin: 20px; --container-top-margin: 20px;
--container-bottom-margin: 20px; --container-bottom-margin: 20px;
--container-padding: 2px; --container-padding: 2px;
@ -37,9 +37,9 @@
--main-padding: 50px; --main-padding: 50px;
} }
/* Breakpoint calculation: 500px (max-width) + 100px (main-padding * 2) + 200px (additional space) = 800px /* Breakpoint calculation: 580px (max-width) + 100px (main-padding * 2) + 200px (additional space) = 880px
Note: Unfortunately, it's not possible to calculate this dynamically using CSS variables in media queries */ Note: Unfortunately, it's not possible to calculate this dynamically using CSS variables in media queries */
@media only screen and (max-width: 800px) { @media only screen and (max-width: 880px) {
:root { :root {
--container-top-margin: 50px; --container-top-margin: 50px;
--container-bottom-margin: 0px; --container-bottom-margin: 0px;