Merge pull request #1425 from falghamdi125/adjust-welcome-message-pad…

…ding-for-mobile Adjust the welcome message paddings for mobile view
nextcloud · Nov 27, 2024 · 7f0c590 · 7f0c590
2 parents e1cc463 + 915bfe1
commit 7f0c590
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;
 }