Merge pull request #10418 from nextcloud/fix/new-message-button

fix: new message button misalignment
nextcloud · Nov 27, 2024 · af6cf0a · af6cf0a
2 parents d7afc16 + 94ba7d3
commit af6cf0a
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>