Merge pull request #1742 from Vinit1014/feature/contents

Modify sidebar content UI
code100x · Feb 14, 2025 · ce305ff · ce305ff
2 parents 1f21d01 + dd1928f
commit ce305ff
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
@@ -204,22 +204,20 @@ export function Sidebar({
             }
           >
             <div className="flex w-full items-center justify-between gap-2">
-              <div className="flex items-center gap-2">
-                <div className="flex gap-2">
-                  {content.type === 'video' && <Check content={content} />}
-                  {content.type === 'video' && <Play className="size-4" />}
-                  {content.type === 'notion' && <File className="size-4" />}
-                </div>
-                <div> 
-                  {content.title}
-                </div>
-                {content.type === 'video' && (
+              <div className="flex gap-2">
+                {content.type === 'video' && <Check content={content} />}
+                {content.type === 'video' && <Play className="size-4" />}
+                {content.type === 'notion' && <File className="size-4" />}
+              </div>
+              <div className="grow">{content.title}</div>
+              {content.type === 'video' && (
+                <div className="flex-none">
                   <BookmarkButton
                     bookmark={content.bookmark ?? null}
                     contentId={content.id}
                   />
-                )}
-              </div>
+                </div>
+              )}
             </div>
           </Link>
         );