diff options
Diffstat (limited to 'frontend-vanilla')
| -rw-r--r-- | frontend-vanilla/src/main.ts | 17 | ||||
| -rw-r--r-- | frontend-vanilla/src/style.css | 3 |
2 files changed, 13 insertions, 7 deletions
diff --git a/frontend-vanilla/src/main.ts b/frontend-vanilla/src/main.ts index 02e4188..5f8056c 100644 --- a/frontend-vanilla/src/main.ts +++ b/frontend-vanilla/src/main.ts @@ -30,9 +30,6 @@ export function renderLayout() { <button class="sidebar-toggle" id="sidebar-toggle-btn" title="Toggle Sidebar">🐱</button> <div class="sidebar-backdrop" id="sidebar-backdrop"></div> <aside class="sidebar" id="sidebar"> - <div class="sidebar-search"> - <input type="search" id="search-input" placeholder="Search..." value="${store.searchQuery}"> - </div> <div class="sidebar-scroll"> <section class="sidebar-section"> <ul id="filter-list"> @@ -41,14 +38,22 @@ export function renderLayout() { <li class="filter-item" data-filter="starred"><a href="/v3/?filter=starred" data-nav="filter" data-value="starred">Starred</a></li> </ul> </section> - <section class="sidebar-section collapsible collapsed" id="section-tags"> - <h3>Tags <span class="caret">▶</span></h3> - <ul id="tag-list"></ul> + <div class="sidebar-search"> + <input type="search" id="search-input" placeholder="Search..." value="${store.searchQuery}"> + </div> + <section class="sidebar-section"> + <ul> + <li><a href="/v3/settings" data-nav="settings" class="new-feed-link">+ new</a></li> + </ul> </section> <section class="sidebar-section collapsible collapsed" id="section-feeds"> <h3>Feeds <span class="caret">▶</span></h3> <ul id="feed-list"></ul> </section> + <section class="sidebar-section collapsible collapsed" id="section-tags"> + <h3>Tags <span class="caret">▶</span></h3> + <ul id="tag-list"></ul> + </section> </div> <div class="sidebar-footer"> <a href="/v3/settings" data-nav="settings">Settings</a> diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 5fb436c..0a2d0f3 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -77,7 +77,8 @@ html { /* Sidebar Header Removed */ .sidebar-search { - margin-bottom: 2rem; + margin-top: 1rem; + margin-bottom: 1rem; } .sidebar-search input { |