From d8c28ceea1694d31cf375e3103a0f46353645891 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Fri, 23 May 2025 10:14:07 +0200
Subject: [PATCH] fix: dialog max width on desktop

Add clamp for dialogs for better look on desktop
---
 app/assets/styles/dialog.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/app/assets/styles/dialog.css b/app/assets/styles/dialog.css
index 02402df..7338d36 100644
--- a/app/assets/styles/dialog.css
+++ b/app/assets/styles/dialog.css
@@ -2,7 +2,7 @@
 dialog {
     top: 50%;
     left: 50%;
-    width: 100vw;
+    width: clamp(400px, 100vw, calc(var(--page-max-width) - var(--padding-xxl) * 2));
     translate: -50% -50%;
     border: none;
     border-radius: var(--radius-default);
@@ -10,7 +10,6 @@ dialog {
     font-size: var(--font-size-default);
     color: var(--color-darkest);
     position: relative;
-    max-width: calc(var(--page-max-width) - var(--padding-xxl) * 2);
 
     opacity: 0;
     scale: 0;