From 5eb071628a080a39e20a4a4d5b69d6549d34d88d Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 16 May 2024 16:11:50 +0800
Subject: [PATCH] feat: style details

---
 src/renderer/src/components/entry-column/article-item.tsx | 2 +-
 src/renderer/src/components/entry-content.tsx             | 4 +++-
 src/renderer/src/components/feed-column/index.tsx         | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/renderer/src/components/entry-column/article-item.tsx b/src/renderer/src/components/entry-column/article-item.tsx
index ede01f946..d4ada04eb 100644
--- a/src/renderer/src/components/entry-column/article-item.tsx
+++ b/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] && (
diff --git a/src/renderer/src/components/entry-content.tsx b/src/renderer/src/components/entry-content.tsx
index b911179c1..117cc51f4 100644
--- a/src/renderer/src/components/entry-content.tsx
+++ b/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>
diff --git a/src/renderer/src/components/feed-column/index.tsx b/src/renderer/src/components/feed-column/index.tsx
index 82e612af5..bc2f66bc9 100644
--- a/src/renderer/src/components/feed-column/index.tsx
+++ b/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}