autosize library item text

2026-05-08 13:00:13 +02:00 · 2024-08-25 17:50:46 -07:00
parent c4677a63f6
commit fb1e33fad5
3 changed files with 20 additions and 1 deletions
@@ -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>