fix: Breaking words instead of truncate for longer titles. (#1362)

code100x · Oct 4, 2024 · fa5bc57 · fa5bc57
1 parent 59a4586
commit fa5bc57
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -157,10 +157,12 @@ export function Sidebar({
           >
             <div className="flex w-full items-center justify-between gap-2">
               <div className="flex items-center gap-2">
-                <Check content={content} />
-                {content.type === 'video' && <Play className="size-4" />}
-                {content.type === 'notion' && <File className="size-4" />}
-                <div className="truncate text-base">{content.title}</div>
+                <div className="flex gap-2">
+                  <Check content={content} />
+                  {content.type === 'video' && <Play className="size-4" />}
+                  {content.type === 'notion' && <File className="size-4" />}
+                </div>
+                <div className="break-words text-base">{content.title}</div>
               </div>
               {content.type === 'video' && (
                 <BookmarkButton