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

Improve minigrid in mobile view

Browse Source
This commit is contained in:
_count0
2025-10-13 17:13:14 +02:00
parent ce8f53fef3
commit 396f8665f7
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/MiniGrid.jsx
View File

@@ -5,9 +5,12 @@ import { toggleCompletion } from '../lib/storage';
const MiniGrid = ({ habit, onUpdate }) => { const MiniGrid = ({ habit, onUpdate }) => {
const today = new Date(); const today = new Date();
// Show fewer days on mobile for better aspect ratio
const isMobile = window.innerWidth < 640; // Tailwind 'sm' breakpoint
const numDays = isMobile ? 14 : 28;
const days = []; const days = [];
for (let i = 27; i >= 0; i--) { for (let i = numDays - 1; i >= 0; i--) {
const date = new Date(today); const date = new Date(today);
date.setDate(date.getDate() - i); date.setDate(date.getDate() - i);
days.push(date); days.push(date);