diff options
Diffstat (limited to 'frontend/src/components')
| -rw-r--r-- | frontend/src/components/FeedItem.css | 3 | ||||
| -rw-r--r-- | frontend/src/components/FeedItems.tsx | 7 | ||||
| -rw-r--r-- | frontend/src/components/FeedList.css | 5 | ||||
| -rw-r--r-- | frontend/src/components/FeedList.tsx | 2 |
4 files changed, 6 insertions, 11 deletions
diff --git a/frontend/src/components/FeedItem.css b/frontend/src/components/FeedItem.css index 06fac2f..fef1f93 100644 --- a/frontend/src/components/FeedItem.css +++ b/frontend/src/components/FeedItem.css @@ -23,7 +23,8 @@ .item-title { font-size: 1.25rem; - /* Legacy h3 size approx */ + font-weight: bold; + /* Legacy headers were bold */ text-decoration: none; color: #333; display: block; diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx index 9e732a0..aaec2f4 100644 --- a/frontend/src/components/FeedItems.tsx +++ b/frontend/src/components/FeedItems.tsx @@ -160,16 +160,9 @@ export default function FeedItems() { if (loading) return <div className="feed-items-loading">Loading items...</div>; if (error) return <div className="feed-items-error">Error: {error}</div>; - let title = 'Items'; - if (tagName) title = `Tag: ${tagName}`; - else if (feedId) title = 'Feed Items'; - else if (filterFn === 'starred') title = 'Starred Items'; - else if (filterFn === 'all') title = 'All Items'; - else title = 'Unread Items'; return ( <div className="feed-items"> - <h2>{title}</h2> {items.length === 0 ? ( <p>No items found.</p> ) : ( diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css index 1c7395a..3b854b5 100644 --- a/frontend/src/components/FeedList.css +++ b/frontend/src/components/FeedList.css @@ -21,7 +21,7 @@ margin: 0; } -.feed-item { +.sidebar-feed-item { padding: 0.25rem 0; border-bottom: none; /* Clean look */ @@ -75,6 +75,7 @@ display: block; /* Stack vertically */ } + .filter-list { display: block; } @@ -94,4 +95,4 @@ .filter-list li a:hover { color: blue; background-color: transparent; -} +}
\ No newline at end of file diff --git a/frontend/src/components/FeedList.tsx b/frontend/src/components/FeedList.tsx index d1a4625..91d927c 100644 --- a/frontend/src/components/FeedList.tsx +++ b/frontend/src/components/FeedList.tsx @@ -50,7 +50,7 @@ export default function FeedList() { ) : ( <ul className="feed-list-items"> {feeds.map((feed) => ( - <li key={feed._id} className="feed-item"> + <li key={feed._id} className="sidebar-feed-item"> <Link to={`/feed/${feed._id}`} className="feed-title"> {feed.title || feed.url} </Link> |