nandi/gleanpublic⑂ Fork 0
⑂ 23e1fce
Commits
⬇ Clone ▾
git clone https://git.rickub.com/nandi/glean.git
git clone ssh://git@rickub.com/nandi/glean.git

Host key fingerprint (ed25519): SHA256:iycHnxEyq0Q7uyVpB7JlznP0G7JrTPXLYRcAU5CSLhc — verify it before your first connect.

Improve searchbarUnverified

Julien Robert committed 2026-04-21T14:01:04+02:00 Browse files
23e1fce parent: 5c03e2f
modified internal/tmpl/articles.html +19 -20
@@ -10,8 +10,8 @@
1010 </div>
1111 <p class="text-sm text-spot-secondary mb-6">All your subscribed articles, newest first.</p>
1212
13- <div class="flex items-center gap-2 mb-6">
14- <form method="GET" action="/articles" class="flex-1 max-w-md" id="search-form">
13+ <div class="flex items-center gap-3 mb-6">
14+ <form method="GET" action="/articles" class="flex-1" id="search-form">
1515 <div class="relative">
1616 <input type="text" name="q" value="{{.SearchQuery}}" placeholder="Search articles..."
1717 class="w-full bg-spot-hover text-spot-text rounded-pill pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-spot-green placeholder:text-spot-placeholder"
@@ -21,24 +21,23 @@
2121 {{if .Status}}<input type="hidden" name="status" value="{{.Status}}">{{end}}
2222 </div>
2323 </form>
24- </div>
25-
26- <div class="flex items-center gap-2 mb-6">
27- <a href="/articles?status=all{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
28- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
29- {{if eq .Status ""}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
30- All
31- </a>
32- <a href="/articles?status=unread{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
33- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
34- {{if eq .Status "unread"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
35- Unread
36- </a>
37- <a href="/articles?status=read{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
38- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
39- {{if eq .Status "read"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
40- Read
41- </a>
24+ <div class="flex items-center gap-2 shrink-0">
25+ <a href="/articles?status=all{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
26+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
27+ {{if eq .Status ""}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
28+ All
29+ </a>
30+ <a href="/articles?status=unread{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
31+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
32+ {{if eq .Status "unread"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
33+ Unread
34+ </a>
35+ <a href="/articles?status=read{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
36+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
37+ {{if eq .Status "read"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
38+ Read
39+ </a>
40+ </div>
4241 </div>
4342
4443 <div id="article-list" class="space-y-3">
@@ -10,8 +10,8 @@
10 </div>10 </div>
11 <p class="text-sm text-spot-secondary mb-6">All your subscribed articles, newest first.</p>11 <p class="text-sm text-spot-secondary mb-6">All your subscribed articles, newest first.</p>
12 12
13- <div class="flex items-center gap-2 mb-6">13+ <div class="flex items-center gap-3 mb-6">
14- <form method="GET" action="/articles" class="flex-1 max-w-md" id="search-form">14+ <form method="GET" action="/articles" class="flex-1" id="search-form">
15 <div class="relative">15 <div class="relative">
16 <input type="text" name="q" value="{{.SearchQuery}}" placeholder="Search articles..."16 <input type="text" name="q" value="{{.SearchQuery}}" placeholder="Search articles..."
17 class="w-full bg-spot-hover text-spot-text rounded-pill pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-spot-green placeholder:text-spot-placeholder"17 class="w-full bg-spot-hover text-spot-text rounded-pill pl-10 pr-4 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-spot-green placeholder:text-spot-placeholder"
@@ -21,24 +21,23 @@
21 {{if .Status}}<input type="hidden" name="status" value="{{.Status}}">{{end}}21 {{if .Status}}<input type="hidden" name="status" value="{{.Status}}">{{end}}
22 </div>22 </div>
23 </form>23 </form>
24- </div>24+ <div class="flex items-center gap-2 shrink-0">
25-25+ <a href="/articles?status=all{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
26- <div class="flex items-center gap-2 mb-6">26+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
27- <a href="/articles?status=all{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"27+ {{if eq .Status ""}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
28- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition28+ All
29- {{if eq .Status ""}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">29+ </a>
30- All30+ <a href="/articles?status=unread{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
31- </a>31+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
32- <a href="/articles?status=unread{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"32+ {{if eq .Status "unread"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
33- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition33+ Unread
34- {{if eq .Status "unread"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">34+ </a>
35- Unread35+ <a href="/articles?status=read{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"
36- </a>36+ class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition
37- <a href="/articles?status=read{{if .FeedURL}}&feed={{.FeedURL}}{{end}}"37+ {{if eq .Status "read"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">
38- class="px-4 py-1.5 rounded-full text-xs font-bold uppercase tracking-button transition38+ Read
39- {{if eq .Status "read"}}bg-spot-active-pill-bg text-spot-active-pill-text{{else}}bg-spot-hover text-spot-secondary hover:text-spot-text{{end}}">39+ </a>
40- Read40+ </div>
41- </a>
42 </div>41 </div>
43 42
44 <div id="article-list" class="space-y-3">43 <div id="article-list" class="space-y-3">