mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
allow autoheight of library header
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user