fix: header alignment

This commit is contained in:
Shibo Lyu 2024-08-31 04:56:50 +08:00
parent aebe100799
commit e1709b6ae8
2 changed files with 12 additions and 10 deletions

View file

@ -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">

View file

@ -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"