fix: unified display of header

This commit is contained in:
2025-05-18 01:16:17 +02:00
parent 1a447e00bf
commit 8530f703d9
3 changed files with 4 additions and 10 deletions

View File

@@ -2,10 +2,7 @@ import HabitCalendar from '@/components/HabitCalendar'
export default function CalendarPage() { export default function CalendarPage() {
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col">
<div className="flex justify-end">
{/* <ViewToggle /> */}
</div>
<HabitCalendar /> <HabitCalendar />
</div> </div>
) )

View File

@@ -2,10 +2,7 @@ import HabitList from '@/components/HabitList'
export default function HabitsPage() { export default function HabitsPage() {
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col">
<div className="flex justify-end">
{/* <ViewToggle /> */}
</div>
<HabitList /> <HabitList />
</div> </div>
) )

View File

@@ -40,8 +40,8 @@ export default function HabitCalendar() {
}, [completedHabitsMap, settings.system.timezone]) }, [completedHabitsMap, settings.system.timezone])
return ( return (
<div className="container mx-auto px-4 py-6"> <div className="container mx-auto px-4 py-8">
<h1 className="text-2xl font-semibold mb-6">Habit Calendar</h1> <h1 className="text-3xl font-bold mb-6">Habit Calendar</h1>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6"> <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<Card> <Card>
<CardHeader> <CardHeader>