From e4f6790aab7f1b447892d0ed999dff8af45ac33e Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Thu, 8 Jan 2026 20:42:05 +0700
Subject: feat: move like button to header to make it more prominent fix: light
 hard and soft colors mismatch in lilac theme refactor: use var for noise
 image in themes

---
 views/partials/blog-page-like-button.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

(limited to 'views/partials/blog-page-like-button.html')

diff --git a/views/partials/blog-page-like-button.html b/views/partials/blog-page-like-button.html
index 8d555da..8da52a6 100644
--- a/views/partials/blog-page-like-button.html
+++ b/views/partials/blog-page-like-button.html
@@ -1,6 +1,5 @@
-<button 
-    hx-put="/api/v1/like" hx-vals='{"like": {{ not .Liked }}}' hx-target="this" hx-swap="outerHTML" hx-trigger="click"
-    class="text-sm/[0.9] shrink-0 font-andika text-left px-1 py-0.5 {{ if .Liked }}bg-main-soft hover:bg-main-medium text-background-dark border-inset{{ else }}bg-main-hard hover:bg-main-medium text-background-light border-outset{{ end }} cursor-pointer border-2 border-background-dark">
-    <i class="fas fa-thumbs-up w-3 h-3"></i>
-    <span class="italic ml-0.5 text-background-light">({{ .LikedCount }})</span>
+<button hx-put="/api/v1/like" hx-vals='{"like": {{ not .Liked }}}' hx-target="this" hx-swap="outerHTML" hx-trigger="click"
+    class="themed-button themed-button-like flex flex-col shrink-0 w-fit h-fit mr-2 my-auto{{ if .Liked }} active{{ end }}">
+    <i class="fas fa-thumbs-up w-8 h-fit py-0.5 content-center text-center"></i>
+    <div class="h-fit px-0.5 content-center bg-(--background-medium-color) text-(--main-hard-color)">{{ .LikedCount }}</div>
 </button>
\ No newline at end of file
-- 
cgit v1.3.1+13