From f9c3c107bde85f7fb463f34d8f3b5fec2ce7a340 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Sun, 28 Dec 2025 06:04:54 -0800 Subject: [PATCH] adjust featured genres breakpoints --- .../home/components/featured-genres.module.css | 1 + .../features/home/components/featured-genres.tsx | 10 +++++----- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/renderer/features/home/components/featured-genres.module.css b/src/renderer/features/home/components/featured-genres.module.css index e948fed94..448c3516e 100644 --- a/src/renderer/features/home/components/featured-genres.module.css +++ b/src/renderer/features/home/components/featured-genres.module.css @@ -65,6 +65,7 @@ margin-right: var(--theme-spacing-xl); overflow: hidden; text-overflow: ellipsis; + font-weight: 500; white-space: nowrap; } diff --git a/src/renderer/features/home/components/featured-genres.tsx b/src/renderer/features/home/components/featured-genres.tsx index e2501c59b..62974b931 100644 --- a/src/renderer/features/home/components/featured-genres.tsx +++ b/src/renderer/features/home/components/featured-genres.tsx @@ -30,19 +30,19 @@ function getGenresToShow(breakpoints: { isLargerThanXxxl: boolean; }) { if (breakpoints.isLargerThanXxxl) { - return 42; + return 18; } if (breakpoints.isLargerThanXxl) { - return 30; + return 15; } if (breakpoints.isLargerThanXl) { - return 24; + return 12; } if (breakpoints.isLargerThanLg) { - return 18; + return 12; } if (breakpoints.isLargerThanMd) { @@ -50,7 +50,7 @@ function getGenresToShow(breakpoints: { } if (breakpoints.isLargerThanSm) { - return 9; + return 8; } return 6;