diff options
Diffstat (limited to 'frontend')
| -rw-r--r-- | frontend/src/App.css | 5 | ||||
| -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 | ||||
| -rw-r--r-- | frontend/src/index.css | 14 |
6 files changed, 13 insertions, 23 deletions
diff --git a/frontend/src/App.css b/frontend/src/App.css index a51fef3..f7c977a 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -5,9 +5,6 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -32,7 +29,6 @@ body { display: flex; justify-content: space-between; align-items: center; - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; } @@ -45,7 +41,6 @@ body { .nav-link, .logout-btn { - font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold; font-variant: small-caps; text-transform: lowercase; 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> diff --git a/frontend/src/index.css b/frontend/src/index.css index 3d51caf..fcfde1b 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -1,6 +1,11 @@ +:root, +body, +* { + font-family: 'Courier New', Courier, monospace !important; + /* Strongly force fixed width as requested */ +} + :root { - font-family: 'Courier New', Courier, monospace; - /* Fixed width as requested */ line-height: 1.5; font-weight: 400; @@ -11,10 +16,6 @@ --link-color: #0000EE; /* Standard blue link */ - font-family: 'Courier New', Courier, monospace; - line-height: 1.5; - font-weight: 400; - color-scheme: light dark; color: var(--text-color); background-color: var(--bg-color); @@ -41,7 +42,6 @@ body { margin: 0; min-width: 320px; min-height: 100vh; - /* Removed flex centering to allow natural flow */ } h1 { |