count0/HabitGrid
1
0
Fork 0
mirror of https://github.com/nagaoo0/HabbitGrid.git synced 2026-01-11 23:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Comfort update main grid

Browse Source
This commit is contained in:
_count0
2025-10-14 23:32:33 +02:00
parent b6a277cabf
commit af1f8a8ac0
3 changed files with 55 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/HabitGrid.jsx
View File

@@ -43,15 +43,15 @@ const HabitGrid = ({ habit, onUpdate, fullView = false }) => {
};
return (
<div className="bg-white dark:bg-slate-800 rounded-2xl p-4 pt-0 shadow-sm border border-slate-200 dark:border-slate-700">
<div className="mb-2">
<h2 className="text-lg font-semibold mb-1">Activity Calendar</h2>
<div className="bg-white dark:bg-slate-800 rounded-2xl p-4 pt-0 shadow-sm border border-slate-200 dark:border-slate-700 flex flex-col items-center">
<div className="mb-2 text-center w-full">
<h2 className="text-lg font-semibold mb-1 mt-4">Activity Calendar</h2>
<p className="text-sm text-muted-foreground">
Tap any day to mark it as complete
</p>
</div>
<div className="overflow-x-auto grid-scroll mt-2">
<div className="overflow-x-auto grid-scroll mt-2 w-full flex justify-center">
<div className="inline-flex gap-1 mb-4">
{/* Grid: Monday (top) to Sunday (bottom) */}
{weeks.map((week, weekIndex) => (