From da82581eb0225b35f44ecc76d9be4903c5c08a96 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Thu, 20 Nov 2025 00:26:18 -0800 Subject: [PATCH] allow autoheight of library header --- .../native-scroll-area/native-scroll-area.tsx | 2 +- .../shared/components/library-header.module.css | 10 +++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/renderer/components/native-scroll-area/native-scroll-area.tsx b/src/renderer/components/native-scroll-area/native-scroll-area.tsx index 7fd8f5976..7fdec8b82 100644 --- a/src/renderer/components/native-scroll-area/native-scroll-area.tsx +++ b/src/renderer/components/native-scroll-area/native-scroll-area.tsx @@ -32,7 +32,7 @@ export const NativeScrollArea = forwardRef( current: pageHeaderProps?.target?.current, }); - const scrollHandlerRef = useRef(null); + const scrollHandlerRef = useRef(null); const [initialize] = useOverlayScrollbars({ defer: false, diff --git a/src/renderer/features/shared/components/library-header.module.css b/src/renderer/features/shared/components/library-header.module.css index 361b9dc2a..28ce74d93 100644 --- a/src/renderer/features/shared/components/library-header.module.css +++ b/src/renderer/features/shared/components/library-header.module.css @@ -27,13 +27,12 @@ @container (min-width: 768px) { .library-header { grid-template-areas: 'image info'; - grid-template-rows: 100%; + grid-template-rows: auto; grid-template-columns: 225px minmax(0, 1fr); - align-items: flex-end; + align-items: center; justify-items: start; - height: 30vh; + height: auto; min-height: 340px; - max-height: 500px; padding: 5rem 2rem 2rem; .image { @@ -97,7 +96,8 @@ } .metadata-section, - .metadata-section > div:first-of-type { + .metadata-section > div:first-of-type, + .metadata-section > div:last-of-type { align-items: flex-start; justify-content: flex-start; text-align: left;