Merge pull request #59 from victoralvesf/fix-playlist-large-names

Fix playlist large names
victoralvesf · Oct 25, 2024 · 0408894 · 0408894
2 parents 0dbbab0 + 8a3cd0b
commit 0408894
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 7 deletions.
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "aonsoku",
   "private": true,
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "aonsoku"
-version = "0.3.0"
+version = "0.3.1"
 description = "A modern desktop client for Navidrome/Subsonic servers."
 authors = ["Victor Alves"]
 edition = "2021"

diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
@@ -7,7 +7,7 @@
   },
   "package": {
     "productName": "Aonsoku",
-    "version": "0.3.0"
+    "version": "0.3.1"
   },
   "tauri": {
     "allowlist": {

diff --git a/src/app/components/album/image-header.tsx b/src/app/components/album/image-header.tsx
@@ -123,7 +123,7 @@ export default function ImageHeader({
           </p>
           <h1
             className={clsx(
-              'scroll-m-20 font-bold tracking-tight antialiased drop-shadow-md',
+              'scroll-m-20 font-bold tracking-tight antialiased drop-shadow-md line-clamp-2',
               getTextSizeClass(title),
               subtitle ? 'mb-1 2xl:mb-2' : 'mb-1',
             )}
@@ -148,7 +148,9 @@ export default function ImageHeader({
           )}
 
           {isPlaylist && subtitle && (
-            <p className="text-sm opacity-70 drop-shadow-md">{subtitle}</p>
+            <p className="text-sm opacity-70 drop-shadow-md line-clamp-2">
+              {subtitle}
+            </p>
           )}
 
           <div className="flex gap-2 mt-2">{badges}</div>

diff --git a/src/app/tables/playlists-columns.tsx b/src/app/tables/playlists-columns.tsx
@@ -66,7 +66,7 @@ export function playlistsColumns(): ColumnDefType<Playlist>[] {
           <div className="flex flex-col w-full justify-center truncate">
             <Link
               to={ROUTES.PLAYLIST.PAGE(row.original.id)}
-              className="hover:underline truncate w-fit"
+              className="hover:underline truncate"
             >
               {row.original.name}
             </Link>