Merge pull request #10419 from nextcloud/backport/10418/stable4.0

[stable4.0] fix: new message button misalignment
nextcloud · Nov 27, 2024 · 4eecdf2 · 4eecdf2
2 parents 56a077c + 5243d8e
commit 4eecdf2
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/NoMessageSelected.vue b/src/components/NoMessageSelected.vue
@@ -5,12 +5,19 @@
 
 <template>
 	<AppContentDetails class="app-content">
-		<NcEmptyContent :name="welcomeMessage" class="app-content__empty">
+		<NcEmptyContent class="app-content__empty">
 			<template #icon>
 				<IconMail :size="65" />
 			</template>
+			<template #name>
+				<h1 class="empty-content__name">
+					{{ welcomeMessage }}
+				</h1>
+			</template>
+			<template #action>
+				<NewMessageButtonHeader />
+			</template>
 		</NcEmptyContent>
-		<NewMessageButtonHeader />
 	</AppContentDetails>
 </template>