feat: style details

src/renderer/src/components/entry-column/article-item.tsx

@@ -20,7 +20,7 @@ export function ArticleItem({ entry }: { entry: EntriesResponse[number] }) {
               .humanize()}
           </span>
         </div>
-        <div className="font-medium my-0.5">{entry.title}</div>
+        <div className="font-medium my-0.5 break-words">{entry.title}</div>
         <div className="text-zinc-500 text-[13px]">{entry.description}</div>
       </div>
       {entry.images?.[0] && (

src/renderer/src/components/entry-content.tsx

@@ -28,7 +28,9 @@ export function EntryContent({ entry }: { entry: ActivedEntry }) {
           target="_blank"
           className="block hover:bg-zinc-100 max-w-[598px] mx-auto p-6 rounded-md transition-colors cursor-pointer"
         >
-          <div className="text-3xl font-bold select-text">{entry?.title}</div>
+          <div className="text-3xl font-bold select-text break-words">
+            {entry?.title}
+          </div>
           <div className="mt-2 text-[13px] text-zinc-500 font-medium">
             {entry?.feeds?.title}
           </div>

src/renderer/src/components/feed-column/index.tsx

@@ -121,7 +121,7 @@ export function FeedColumn({
               className="snap-center shrink-0 overflow-y-auto"
             >
               <FeedList
-                className="w-64 px-3"
+                className="w-64 px-3 mb-6"
                 view={index}
                 activedList={activedList}
                 setActivedList={setActivedList}