webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: dialog max width on desktop

Browse source 
Add clamp for dialogs for better look on desktop
This commit is contained in:
Fiona Lena Urban 2025-05-23 10:14:07 +02:00
parent eec6175e13
commit d8c28ceea1
1 changed files with 1 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
app/assets/styles/dialog.css
View file

@ -2,7 +2,7 @@
dialog { dialog {
top: 50%; top: 50%;
left: 50%; left: 50%;
width: 100vw; width: clamp(400px, 100vw, calc(var(--page-max-width) - var(--padding-xxl) * 2));
translate: -50% -50%; translate: -50% -50%;
border: none; border: none;
border-radius: var(--radius-default); border-radius: var(--radius-default);
@ -10,7 +10,6 @@ dialog {
font-size: var(--font-size-default); font-size: var(--font-size-default);
color: var(--color-darkest); color: var(--color-darkest);
position: relative; position: relative;
max-width: calc(var(--page-max-width) - var(--padding-xxl) * 2);
opacity: 0; opacity: 0;
scale: 0; scale: 0;