julienfroidefond/workshop-manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update gif mood board column options to 4/5/6
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 2m58s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Julien Froidefond
2026-03-03 10:14:36 +01:00
parent 766f3d5a59
commit 8de4c1985f
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/gif-mood/GifMoodBoard.tsx
View File

@@ -119,9 +119,9 @@ function WeekRating({
const SECTION_COLORS = ['#ec4899', '#8b5cf6', '#3b82f6', '#10b981', '#f59e0b', '#ef4444']; const SECTION_COLORS = ['#ec4899', '#8b5cf6', '#3b82f6', '#10b981', '#f59e0b', '#ef4444'];
const GRID_COLS: Record<number, string> = { const GRID_COLS: Record<number, string> = {
3: 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',
4: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4', 4: 'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4',
5: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5', 5: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5',
6: 'grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6',
}; };
function GridIcon({ cols }: { cols: number }) { function GridIcon({ cols }: { cols: number }) {
@@ -184,7 +184,7 @@ export function GifMoodBoard({
{/* Column size control */} {/* Column size control */}
<div className="flex justify-end"> <div className="flex justify-end">
<div className="inline-flex items-center gap-1 rounded-xl border border-border bg-card p-1"> <div className="inline-flex items-center gap-1 rounded-xl border border-border bg-card p-1">
{[3, 4, 5].map((n) => ( {[4, 5, 6].map((n) => (
<button <button
key={n} key={n}
onClick={() => setCols(n)} onClick={() => setCols(n)}