| @@ -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 transition | 28 | + 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 | - All | 30 | + <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 transition | 33 | + 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 | - Unread | 35 | + <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 transition | 38 | + 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 | - Read | 40 | + </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"> |