diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-13 06:55:21 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-13 06:55:21 -0800 |
| commit | 3ba71500bc2d60a00ca81b9439305029670f4d52 (patch) | |
| tree | 5752a119effd739c62c80c2d15d4520c2e53eadf /frontend/src/components/FeedItems.css | |
| parent | 2c3cad528a247c771bca136466337877f76f280f (diff) | |
| download | neko-3ba71500bc2d60a00ca81b9439305029670f4d52.tar.gz neko-3ba71500bc2d60a00ca81b9439305029670f4d52.tar.bz2 neko-3ba71500bc2d60a00ca81b9439305029670f4d52.zip | |
Implement Frontend Feed Items View with tests
Diffstat (limited to 'frontend/src/components/FeedItems.css')
| -rw-r--r-- | frontend/src/components/FeedItems.css | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/frontend/src/components/FeedItems.css b/frontend/src/components/FeedItems.css new file mode 100644 index 0000000..a057a40 --- /dev/null +++ b/frontend/src/components/FeedItems.css @@ -0,0 +1,60 @@ +.feed-items { + padding: 1rem; +} + +.feed-items h2 { + margin-top: 0; + border-bottom: 2px solid #eee; + padding-bottom: 0.5rem; +} + +.item-list { + list-style: none; + padding: 0; +} + +.item { + border-bottom: 1px solid #f0f0f0; + padding: 1rem 0; +} + +.item.read .item-title { + color: #888; + font-weight: normal; +} + +.item.unread .item-title { + font-weight: bold; +} + +.item-title { + font-size: 1.2rem; + text-decoration: none; + color: #333; + display: block; + margin-bottom: 0.5rem; +} + +.item-title:hover { + text-decoration: underline; + color: #007bff; +} + +.item-meta { + font-size: 0.85rem; + color: #666; + margin-bottom: 0.5rem; +} + +.item-description { + color: #444; + line-height: 1.5; + font-size: 0.95rem; +} + +.item-description img { + max-width: 100%; + height: auto; + display: block; + margin: 1rem 0; +}
\ No newline at end of file |