From 58d132139ba8d5fa17c8681a0275047ce4cca809 Mon Sep 17 00:00:00 2001
From: nsfisis <nsfisis@gmail.com>
Date: Wed, 3 Dec 2025 03:51:29 +0900
Subject: feat(frontend): design update

---
 frontend/src/components/FeedList.tsx | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'frontend/src/components/FeedList.tsx')

diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx
index 6081293..24bcfc7 100644
--- a/frontend/src/components/FeedList.tsx
+++ b/frontend/src/components/FeedList.tsx
@@ -15,17 +15,29 @@ export function FeedList({ onFeedUnsubscribed }: Props) {
 	});
 
 	if (fetching) {
-		return <div className="p-4">Loading feeds...</div>;
+		return (
+			<div className="py-8 text-center">
+				<p className="text-sm text-stone-400">Loading feeds...</p>
+			</div>
+		);
 	}
 	if (error) {
-		return <div className="p-4 text-red-600">Error: {error.message}</div>;
+		return (
+			<div className="rounded-lg bg-red-50 p-4 text-sm text-red-600">
+				Error: {error.message}
+			</div>
+		);
 	}
 	if (!data?.feeds || data.feeds.length === 0) {
-		return <div className="p-4 text-gray-500">No feeds added yet.</div>;
+		return (
+			<div className="py-8 text-center">
+				<p className="text-sm text-stone-400">No feeds added yet.</p>
+			</div>
+		);
 	}
 
 	return (
-		<div className="space-y-4 p-4">
+		<div className="space-y-3">
 			{data.feeds.map((feed) => (
 				<FeedItem
 					key={feed.id}
-- 
cgit v1.2.3-70-g09d2

