From 2c3cad528a247c771bca136466337877f76f280f Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Thu, 12 Feb 2026 21:59:55 -0800 Subject: Implement Frontend Feed List with tests --- frontend/src/components/FeedList.css | 48 ++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 frontend/src/components/FeedList.css (limited to 'frontend/src/components/FeedList.css') diff --git a/frontend/src/components/FeedList.css b/frontend/src/components/FeedList.css new file mode 100644 index 0000000..f35ed59 --- /dev/null +++ b/frontend/src/components/FeedList.css @@ -0,0 +1,48 @@ +.feed-list { + padding: 1rem; + background: white; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); +} + +.feed-list h2 { + margin-top: 0; + border-bottom: 1px solid #eee; + padding-bottom: 0.5rem; +} + +.feed-list-items { + list-style: none; + padding: 0; + margin: 0; +} + +.feed-item { + padding: 0.75rem 0; + border-bottom: 1px solid #f0f0f0; + display: flex; + justify-content: space-between; + align-items: center; +} + +.feed-item:last-child { + border-bottom: none; +} + +.feed-title { + text-decoration: none; + color: #333; + font-weight: 500; +} + +.feed-title:hover { + color: #007bff; +} + +.feed-category { + background: #e9ecef; + padding: 0.2rem 0.5rem; + border-radius: 4px; + font-size: 0.8rem; + color: #666; +} \ No newline at end of file -- cgit v1.2.3