From ee06791ef7a382b2c0aea56c8a1ac7639ccc0153 Mon Sep 17 00:00:00 2001 From: Greg Shuflin Date: Wed, 5 Feb 2025 03:08:14 -0800 Subject: [PATCH] Add feed button --- static/css/style.css | 28 +++++++++++++++++++++++----- templates/index.html.tera | 10 ++++++---- 2 files changed, 29 insertions(+), 9 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index d27eb2a..e6c340c 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -23,6 +23,23 @@ body.with-sidebar { .sidebar h2 { color: var(--primary-red); margin-top: 0; + display: flex; + justify-content: space-between; + align-items: center; +} + +.sidebar-add-feed { + background: none; + border: none; + color: var(--text-muted); + cursor: pointer; + padding: 0.25rem; + font-size: 1.2rem; + transition: color 0.2s ease; +} + +.sidebar-add-feed:hover { + color: var(--primary-red); } .sidebar ul { @@ -131,8 +148,8 @@ body.with-sidebar { background-color: #333; color: white; padding: 0.5rem 1rem; - display: flex; - justify-content: space-between; + display: grid; + grid-template-columns: 1fr auto 1fr; align-items: center; position: fixed; top: 0; @@ -146,9 +163,8 @@ body.with-sidebar { margin: 0; color: var(--primary-red); font-weight: 500; - position: absolute; - left: 50%; - transform: translateX(-50%); + text-align: center; + grid-column: 2; } .feed-title-separator { @@ -582,6 +598,8 @@ button:disabled { /* User menu styles */ .user-menu { position: relative; + grid-column: 3; + justify-self: end; } .user-menu-button { diff --git a/templates/index.html.tera b/templates/index.html.tera index 0c16124..31fc2f7 100644 --- a/templates/index.html.tera +++ b/templates/index.html.tera @@ -9,9 +9,6 @@
-

RSS Reader

+