Adjust the welcome message paddings for mobile view

Signed-off-by: Faisal Alghamdi <[email protected]>
nextcloud · Nov 26, 2024 · 602887f · 602887f
1 parent 53a6597
commit 602887f
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/Welcome.vue b/src/components/Welcome.vue
@@ -76,6 +76,14 @@ export default {
 	padding: 4em 8em;
 }
 
+@media (max-width: 60em) {
+	.welcome-content {
+		margin: auto;
+		max-width: 40em;
+		padding: 2em 2em 1em 1em;
+	}
+}
+
 .welcome-content h2 {
 	margin-bottom: 1em;
 }