summaryrefslogtreecommitdiff
path: root/layouts/_partials/posts/comment.html
diff options
context:
space:
mode:
authorEltrac <hi@guhub.cn>2025-07-15 16:58:55 +0800
committerEltrac <hi@guhub.cn>2025-07-15 16:58:55 +0800
commit49bb26f6724862e1392b100282abeea71126b5d8 (patch)
tree2f875a86b84962d830087cbced97794defc416ee /layouts/_partials/posts/comment.html
parent11dea39622d7f09c6995c8d5eb943e3a46f8241d (diff)
refactor: replace _comment.scss with UnoCSS
Former-commit-id: 4f5cd04a00f233059fb837d1e997006be8576ec9
Diffstat (limited to 'layouts/_partials/posts/comment.html')
-rw-r--r--layouts/_partials/posts/comment.html19
1 files changed, 10 insertions, 9 deletions
diff --git a/layouts/_partials/posts/comment.html b/layouts/_partials/posts/comment.html
index 804570bc..18bc479a 100644
--- a/layouts/_partials/posts/comment.html
+++ b/layouts/_partials/posts/comment.html
@@ -1,17 +1,18 @@
<div class="post-comments">
{{ with .Params.comments }}
- <div class="static-comments">
- <p class="static-comments-heading">{{ T "postPage.staticCommentsSectionHeader" }}</p>
+ <!-- Static Comments -->
+ <div class="my-8">
+ <p class="font-secondary">{{ T "postPage.staticCommentsSectionHeader" }}</p>
{{ range . }}
- <div class="static-comments-item">
- <div class="static-comments-item-header">
- <span class="comment-author">{{ .name }}</span>
- <span class="comment-date font-mono">{{ .date }}</span>
+ <div class="text-xl border-b border-solid border-[#ccc] py-4 px-1">
+ <div class="mb-4 flex justify-between">
+ <span class="font-bold">{{ .name }}</span>
+ <span class="font-secondary">{{ .date }}</span>
</div>
- <div class="static-comments-item-content">
+ <div>
{{ .content | safeHTML }}
</div>
- <div class="static-comments-item-footer">
+ <div class="text-[1rem] text-right font-secondary">
{{ with .source }}
<p class="font-mono">{{ T "postPage.originallyPostedOn" . }}</p>
{{ end }}
@@ -20,7 +21,7 @@
{{ end }}
</div>
{{ end }}
- <div class="giscus">
+ <div class="giscus my-4">
<p style="text-align:center">
{{ T "postPage.commentNotLoaded" }}
</p>