adjust library header title sizing

This commit is contained in:
jeffvli
2025-11-21 20:20:58 -08:00
parent 57779e960b
commit c76ac7b249
2 changed files with 7 additions and 4 deletions
@@ -99,15 +99,18 @@
.title { .title {
display: flex; display: flex;
align-items: center !important; align-items: center !important;
margin: var(--theme-spacing-sm) 0; height: 150px;
margin: 0;
overflow: hidden; overflow: hidden;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
line-clamp: 2; line-clamp: 2;
font-size: 2rem;
font-weight: 800;
line-height: 1.2; line-height: 1.2;
color: var(--theme-colors-foreground); color: var(--theme-colors-foreground);
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@container (min-width: $mantine-breakpoint-sm) {
height: 90px;
}
} }
.library-header-menu { .library-header-menu {
@@ -118,7 +118,7 @@ export const LibraryHeader = forwardRef(
{itemTypeString()} {itemTypeString()}
</Text> </Text>
<h1 className={styles.title}> <h1 className={styles.title}>
<AutoTextSize maxFontSizePx={80} minFontSizePx={32} mode="box"> <AutoTextSize maxFontSizePx={72} mode="box">
{title} {title}
</AutoTextSize> </AutoTextSize>
</h1> </h1>