Flexible modal width for help modal on non-mobile

Signed-off-by: Jonas <[email protected]>
nextcloud · Jun 20, 2023 · 95432a0 · 95432a0
1 parent 1b8d4e9
commit 95432a0
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
@@ -227,14 +227,16 @@ export default {
 <style lang="scss" scoped>
 	:deep(.modal-wrapper) {
 		.modal-container {
+			width: max-content;
 			padding: 30px 40px 20px;
 			user-select: text;
 		}
 
 		// Remove padding-right on mobile, screen might not be wide enough
 		@media only screen and (max-width: 512px) {
 			.modal-container {
-				padding: 30px 0 20px 40px;
+				width: inherit;
+				padding: 10px 0;
 			}
 		}
 	}