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

move the day labels to the right

Browse Source
This commit is contained in:
_count0
2025-10-14 23:27:27 +02:00
parent bb64bacd1e
commit b6a277cabf
1 changed files with 12 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/HabitGrid.jsx
View File

@@ -53,19 +53,6 @@ const HabitGrid = ({ habit, onUpdate, fullView = false }) => {
<div className="overflow-x-auto grid-scroll mt-2"> <div className="overflow-x-auto grid-scroll mt-2">
<div className="inline-flex gap-1 mb-4"> <div className="inline-flex gap-1 mb-4">
{/* Weekday labels: Monday (top) to Sunday (bottom) */}
<div className="flex flex-col gap-1 mr-2">
<div className="h-1" />
{[1, 2, 3, 4, 5, 6, 0].map((day) => (
<div
key={day}
className="h-3 flex items-center justify-end text-xs text-muted-foreground pr-0"
>
{getWeekdayLabel(day)}
</div>
))}
</div>
{/* Grid: Monday (top) to Sunday (bottom) */} {/* Grid: Monday (top) to Sunday (bottom) */}
{weeks.map((week, weekIndex) => ( {weeks.map((week, weekIndex) => (
<div key={weekIndex} className="flex flex-col gap-1"> <div key={weekIndex} className="flex flex-col gap-1">
@@ -100,6 +87,18 @@ const HabitGrid = ({ habit, onUpdate, fullView = false }) => {
})} })}
</div> </div>
))} ))}
{/* Weekday labels: Monday (top) to Sunday (bottom) */}
<div className="flex flex-col gap-1 ml-2">
<div className="h-1" />
{[1, 2, 3, 4, 5, 6, 0].map((day) => (
<div
key={day}
className="h-3 flex items-center justify-end text-xs text-muted-foreground pr-0"
>
{getWeekdayLabel(day)}
</div>
))}
</div>
</div> </div>
</div> </div>