autosize library item text

This commit is contained in:
Kendall Garner 2024-08-25 17:50:46 -07:00
parent c4677a63f6
commit fb1e33fad5
No known key found for this signature in database
GPG key ID: 18D2767419676C87
3 changed files with 20 additions and 1 deletions

View file

@ -1,5 +1,6 @@
import { forwardRef, ReactNode, Ref, useState } from 'react';
import { Group } from '@mantine/core';
import { AutoTextSize } from 'auto-text-size';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import styles from './library-header.module.scss';
@ -81,7 +82,9 @@ export const LibraryHeader = forwardRef(
{itemTypeString()}
</Text>
</Group>
<h1 className={styles.title}>{title}</h1>
<h1 className={styles.title}>
<AutoTextSize mode="box">{title}</AutoTextSize>
</h1>
{children}
</div>
</div>