Increase width of dialogs in mobile version

BurntimeX · BurntimeX · commit cd54871c28e9 · 2025-07-27T14:35:59.000+02:00
diff --git a/wcfsetup/install/files/style/ui/dialog.scss b/wcfsetup/install/files/style/ui/dialog.scss
@@ -454,7 +454,7 @@ html[data-color-scheme="dark"] .dialog::backdrop {
 @include screen-xs {
 	.dialog {
 		--dialog-max-height: calc(100vh - 20px);
-		--dialog-max-width: calc(100vw - 20px);
+		--dialog-max-width: calc(100vw - 10px);
 		min-width: 0;
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -454,7 +454,7 @@ html[data-color-scheme="dark"] .dialog::backdrop {`
`454`	`454`	`@include screen-xs {`
`455`	`455`	`.dialog {`
`456`	`456`	`--dialog-max-height: calc(100vh - 20px);`
`457`		`- --dialog-max-width: calc(100vw - 20px);`
	`457`	`+ --dialog-max-width: calc(100vw - 10px);`
`458`	`458`	`min-width: 0;`
`459`	`459`	`}`
`460`	`460`