fix: new message button misalignment

Signed-off-by: greta <[email protected]>
nextcloud · Nov 27, 2024 · 94ba7d3 · 94ba7d3
1 parent c613683
commit 94ba7d3
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>