diff --git a/src/renderer/features/albums/components/album-detail-header.tsx b/src/renderer/features/albums/components/album-detail-header.tsx index 3047e592..1c59a49e 100644 --- a/src/renderer/features/albums/components/album-detail-header.tsx +++ b/src/renderer/features/albums/components/album-detail-header.tsx @@ -120,7 +120,6 @@ export const AlbumDetailHeader = forwardRef( $link component={Link} fw={600} - size="md" to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, { albumArtistId: artist.id, })} diff --git a/src/renderer/features/shared/components/library-header.module.scss b/src/renderer/features/shared/components/library-header.module.scss index 6c9f8184..151cbb93 100644 --- a/src/renderer/features/shared/components/library-header.module.scss +++ b/src/renderer/features/shared/components/library-header.module.scss @@ -79,10 +79,6 @@ @container (min-width: 1200px) { grid-template-columns: 250px minmax(0, 1fr); - h1 { - height: 150px; - } - .image { width: 250px !important; height: 250px; @@ -93,12 +89,6 @@ height: 250px; } } - - @container (min-width: 1500px) { - h1 { - height: 150px; - } - } } .image-section { @@ -113,6 +103,7 @@ .metadata-section { z-index: 15; + font-size: 1.15rem; display: flex; flex-direction: column; grid-area: info; @@ -150,6 +141,7 @@ color: var(--main-fg); font-size: 2rem; line-height: 1.2; + line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } diff --git a/src/renderer/features/shared/components/library-header.tsx b/src/renderer/features/shared/components/library-header.tsx index 24a0f56f..56888f05 100644 --- a/src/renderer/features/shared/components/library-header.tsx +++ b/src/renderer/features/shared/components/library-header.tsx @@ -72,15 +72,17 @@ export const LibraryHeader = forwardRef(
- - {itemTypeString()} - +

+ + {itemTypeString()} + +

{title}