diff --git a/package.json b/package.json index 591a90e72..e699ed6c5 100644 --- a/package.json +++ b/package.json @@ -81,7 +81,6 @@ "@wavesurfer/react": "^1.0.11", "@xhayper/discord-rpc": "^1.3.0", "audiomotion-analyzer": "^4.5.1", - "auto-text-size": "^0.2.3", "axios": "^1.13.2", "cheerio": "^1.1.2", "clsx": "^2.1.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 513b3b165..af70ea5d0 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -71,9 +71,6 @@ importers: audiomotion-analyzer: specifier: ^4.5.1 version: 4.5.1 - auto-text-size: - specifier: ^0.2.3 - version: 0.2.3(react@19.1.0) axios: specifier: ^1.13.2 version: 1.13.2 @@ -2253,11 +2250,6 @@ packages: audiomotion-analyzer@4.5.1: resolution: {integrity: sha512-vEO5HgivsZa9ZhQDItSMjXD5+qsRu6rAEKzAmrg7HbOFeM4tPVrE/wxiRREWxzbGpuH9NZT4Ze+v95G1w/rRAA==} - auto-text-size@0.2.3: - resolution: {integrity: sha512-OycpKD8n5jxnNaOiAJoNr3BkBsxRzHHhFQk15rgsOYq+O9lsMSPLbVN7ZibxjTwT7bl6Y5jawOtZJxRWaoxdcQ==} - peerDependencies: - react: '*' - available-typed-arrays@1.0.7: resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==} engines: {node: '>= 0.4'} @@ -7970,10 +7962,6 @@ snapshots: audiomotion-analyzer@4.5.1: {} - auto-text-size@0.2.3(react@19.1.0): - dependencies: - react: 19.1.0 - available-typed-arrays@1.0.7: dependencies: possible-typed-array-names: 1.1.0 diff --git a/src/renderer/features/shared/components/library-header.module.css b/src/renderer/features/shared/components/library-header.module.css index 84bf3f0eb..ef6cc4645 100644 --- a/src/renderer/features/shared/components/library-header.module.css +++ b/src/renderer/features/shared/components/library-header.module.css @@ -98,19 +98,9 @@ .title { display: flex; - align-items: center !important; - height: 150px; - margin: 0; - overflow: hidden; - -webkit-line-clamp: 2; - line-clamp: 2; + margin: var(--theme-spacing-sm) 0; + font-size: clamp(2rem, 3.5dvw, 3.25rem); line-height: 1.2; - color: var(--theme-colors-foreground); - -webkit-box-orient: vertical; - - @container (min-width: $mantine-breakpoint-sm) { - height: 90px; - } } .library-header-menu { diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx index e18134f90..aed506a4f 100644 --- a/src/renderer/features/shared/components/library-header.tsx +++ b/src/renderer/features/shared/components/library-header.tsx @@ -1,5 +1,4 @@ import { closeAllModals, openModal } from '@mantine/modals'; -import { AutoTextSize } from 'auto-text-size'; import { forwardRef, ReactNode, Ref, useCallback, useState } from 'react'; import { useTranslation } from 'react-i18next'; import { Link } from 'react-router'; @@ -120,11 +119,7 @@ export const LibraryHeader = forwardRef( > {itemTypeString()} -

- - {title} - -

+

{title}

{children} )}