arabica.social
Coffee journaling on ATProto (alpha)
alpha.arabica.social
coffee
fix: sort button styling
pdewey.com
+5
-5
internal/web/pages/feed.templ
+5
-5
internal/web/pages/feed.templ
···
117
}
118
</div>
119
<!-- Sort selector -->
120
-
<div class="flex items-center gap-1.5 text-sm">
121
<button
122
-
class={ "px-2.5 py-1 rounded-md transition-colors",
123
templ.KV("bg-brown-800 text-brown-50 font-medium", qs.Sort == "" || qs.Sort == "recent"),
124
-
templ.KV("text-brown-600 hover:text-brown-800 hover:bg-brown-100", qs.Sort != "" && qs.Sort != "recent") }
125
hx-get={ buildFeedURL(qs.TypeFilter, "recent") }
126
hx-target="#feed-container"
127
hx-swap="outerHTML"
···
129
New
130
</button>
131
<button
132
-
class={ "px-2.5 py-1 rounded-md transition-colors",
133
templ.KV("bg-brown-800 text-brown-50 font-medium", qs.Sort == "popular"),
134
-
templ.KV("text-brown-600 hover:text-brown-800 hover:bg-brown-100", qs.Sort != "popular") }
135
hx-get={ buildFeedURL(qs.TypeFilter, "popular") }
136
hx-target="#feed-container"
137
hx-swap="outerHTML"
···
117
}
118
</div>
119
<!-- Sort selector -->
120
+
<div class="flex items-center gap-1">
121
<button
122
+
class={ "px-3 py-1.5 text-sm rounded-full transition-colors",
123
templ.KV("bg-brown-800 text-brown-50 font-medium", qs.Sort == "" || qs.Sort == "recent"),
124
+
templ.KV("bg-brown-100 text-brown-700 hover:bg-brown-200", qs.Sort != "" && qs.Sort != "recent") }
125
hx-get={ buildFeedURL(qs.TypeFilter, "recent") }
126
hx-target="#feed-container"
127
hx-swap="outerHTML"
···
129
New
130
</button>
131
<button
132
+
class={ "px-3 py-1.5 text-sm rounded-full transition-colors",
133
templ.KV("bg-brown-800 text-brown-50 font-medium", qs.Sort == "popular"),
134
+
templ.KV("bg-brown-100 text-brown-700 hover:bg-brown-200", qs.Sort != "popular") }
135
hx-get={ buildFeedURL(qs.TypeFilter, "popular") }
136
hx-target="#feed-container"
137
hx-swap="outerHTML"