allow autoheight of library header

This commit is contained in:
jeffvli
2025-11-20 00:26:18 -08:00
parent 238143c3f5
commit e95e84e37c
2 changed files with 6 additions and 6 deletions
@@ -32,7 +32,7 @@ export const NativeScrollArea = forwardRef(
current: pageHeaderProps?.target?.current, current: pageHeaderProps?.target?.current,
}); });
const scrollHandlerRef = useRef<number | null>(null); const scrollHandlerRef = useRef<null | number>(null);
const [initialize] = useOverlayScrollbars({ const [initialize] = useOverlayScrollbars({
defer: false, defer: false,
@@ -27,13 +27,12 @@
@container (min-width: 768px) { @container (min-width: 768px) {
.library-header { .library-header {
grid-template-areas: 'image info'; grid-template-areas: 'image info';
grid-template-rows: 100%; grid-template-rows: auto;
grid-template-columns: 225px minmax(0, 1fr); grid-template-columns: 225px minmax(0, 1fr);
align-items: flex-end; align-items: center;
justify-items: start; justify-items: start;
height: 30vh; height: auto;
min-height: 340px; min-height: 340px;
max-height: 500px;
padding: 5rem 2rem 2rem; padding: 5rem 2rem 2rem;
.image { .image {
@@ -97,7 +96,8 @@
} }
.metadata-section, .metadata-section,
.metadata-section > div:first-of-type { .metadata-section > div:first-of-type,
.metadata-section > div:last-of-type {
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
text-align: left; text-align: left;