From e1709b6ae899f4fc196c069a5d8615c09d7ef45f Mon Sep 17 00:00:00 2001
From: Shibo Lyu <github@of.sb>
Date: Sat, 31 Aug 2024 04:56:50 +0800
Subject: [PATCH] fix: header alignment

---
 src/routes/(app)/chats/[chatId]/+page.svelte   | 18 +++++++++---------
 .../(app)/chats/[chatId]/ChatHeader.svelte     |  4 +++-
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/routes/(app)/chats/[chatId]/+page.svelte b/src/routes/(app)/chats/[chatId]/+page.svelte
index 351b113..a5eef81 100644
--- a/src/routes/(app)/chats/[chatId]/+page.svelte
+++ b/src/routes/(app)/chats/[chatId]/+page.svelte
@@ -10,15 +10,15 @@
 
 	let messages: Message[] = Array.from({ length: 10 }).map(createRandomMessage);
 
-	// onMount(() => {
-	// 	const interval = setInterval(
-	// 		() => {
-	// 			messages = [...messages, createRandomMessage()];
-	// 		},
-	// 		3000 + Math.random() * 10000
-	// 	);
-	// 	return () => clearInterval(interval);
-	// });
+	onMount(() => {
+		const interval = setInterval(
+			() => {
+				messages = [...messages, createRandomMessage()];
+			},
+			3000 + Math.random() * 10000
+		);
+		return () => clearInterval(interval);
+	});
 </script>
 
 <div class="flex h-full w-full flex-col justify-stretch">
diff --git a/src/routes/(app)/chats/[chatId]/ChatHeader.svelte b/src/routes/(app)/chats/[chatId]/ChatHeader.svelte
index 89f1089..79f2292 100644
--- a/src/routes/(app)/chats/[chatId]/ChatHeader.svelte
+++ b/src/routes/(app)/chats/[chatId]/ChatHeader.svelte
@@ -8,7 +8,9 @@
 	export let outsideUnreadCount = 0;
 </script>
 
-<div class="flex w-full gap-2 border-b border-ss-secondary bg-sb-primary p-2 shadow-sm">
+<div
+	class="box-border flex min-h-[calc(3rem+1px)] w-full gap-2 border-b border-ss-secondary bg-sb-primary p-2 shadow-sm"
+>
 	<Button href="/" class="rounded-full sm:hidden">
 		<svg
 			xmlns="http://www.w3.org/2000/svg"