From 790f02e5b4d5da1b8ff8b82ebc6e9d8069de6f3a Mon Sep 17 00:00:00 2001
From: Honey <me_honeyy@proton.me>
Date: Sat, 23 May 2026 11:54:31 +0200
Subject: [PATCH] feat: show 24 genre pills on desktop, 12 on mobile

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/views.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views.js b/src/views.js
index 1b9ca16..1ec79a8 100644
--- a/src/views.js
+++ b/src/views.js
@@ -168,7 +168,7 @@ function _genreColor(name) {
 
 let _allGenres = [];
 let _genresExpanded = false;
-const GENRE_LIMIT = 15;
+const GENRE_LIMIT = () => window.innerWidth >= 700 ? 24 : 12;
 
 async function loadGenreSection() {
   const el   = document.getElementById('home-genres');
@@ -180,14 +180,14 @@ async function loadGenreSection() {
       .filter(g => (g.songCount || 0) > 0)
       .sort((a, b) => (b.songCount || 0) - (a.songCount || 0));
     _renderGenres();
-    if (_allGenres.length > GENRE_LIMIT && more) more.style.display = '';
+    if (_allGenres.length > GENRE_LIMIT() && more) more.style.display = '';
   } catch { el.style.display = 'none'; }
 }
 
 function _renderGenres() {
   const el = document.getElementById('home-genres');
   if (!el) return;
-  const list = _genresExpanded ? _allGenres : _allGenres.slice(0, GENRE_LIMIT);
+  const list = _genresExpanded ? _allGenres : _allGenres.slice(0, GENRE_LIMIT());
   el.innerHTML = '';
   list.forEach(g => {
     const card = document.createElement('div');