+1 -1

src/features/gallery.ts

View file Reviewed

··· 105 105 106 106 // the corpus can be large, so render a page at a time and append more as you 107 107 // scroll near the end (a sentinel inside the grid drives infinite scroll). 108 108 - const PAGE = 24; 108 108 + const PAGE = 18; 109 109 let observer: IntersectionObserver | null = null; 110 110 111 111 async function loadGallery() {

+2 -2

src/style.css

View file Reviewed

··· 353 353 .hint { font-size: .85rem; color: var(--muted); } 354 354 #gallery { 355 355 display: grid; 356 356 - grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); 356 356 + grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); 357 357 gap: .75rem; 358 358 } 359 359 /* infinite-scroll trigger: spans the grid, invisible, near the bottom */ ··· 676 676 .trigger-wrap .login { width: auto; } 677 677 .login input { width: 240px; } 678 678 #view-draw { padding: 1.25rem 1.5rem; gap: 1rem; } 679 679 - #gallery { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } 679 679 + #gallery { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } 680 680 } 681 681 682 682 /* ---- settings view (full screen, mobile-first) ---- */