mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-09 20:29:36 +02:00
adjust library header title sizing
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user