Fix post reply formatting

This commit is contained in:
Lewis Dale 2023-02-25 21:27:26 +00:00
parent 24d728be55
commit d2706dbc74

View File

@ -23,7 +23,7 @@ eleventyComputed:
<div class="row overlaps">
{% for like in post.comments.like %}
<a href="{{ like.author.url }}">
<a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
<img src="{{ like.author.avatars["96"] }}" alt="{{ like.author.name }}" class="circle" />
</a>
{% endfor %}
@ -36,7 +36,7 @@ eleventyComputed:
<div class="row overlaps">
{% for like in post.comments.repost %}
<a href="{{ like.author.url }}">
<a href="{{ like.author.url }}" rel="noreferrer" target="_blank">
<img src="{{ like.author.avatars["96"] }}" alt="{{ like.author.name }}" class="circle" />
</a>
{% endfor %}
@ -48,17 +48,17 @@ eleventyComputed:
<div class="stack-xs">
<h3 class="block w-full">Replies</h3>
<ol>
{% for reply in post.comments.reply %}
<ol class="stack-md">
{% for reply in post.comments.reply | reverse %}
<li class="row items-center">
<a href="{{ like.author.url }}">
<li class="row items-center justify-between">
<a href="{{ like.author.url }}" class="self-start" rel="noreferrer" target="_blank">
<img src="{{ reply.author.avatars["96"] }}" alt="{{ reply.author.name }}" class="max-w-[4rem] box" />
</a>
<div class="stack-2xs">
<div class="stack-2xs max-w-[50ch]">
{% set date = reply.date | parseDate %}
<h4>{{ reply.author.name }} <span class="font-normal">on</span> {{ date | dateDisplay }} <span class="font-normal">at</span> {{ date | timeDisplay }}</h4>
<a href="{{ reply.canonical }}">Original comment</a>
<a href="{{ reply.canonical }}" rel="noreferrer" target="_blank">Original comment</a>
<p>{{ reply.content | safe }}</p>
</div>
</li>