lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use basic sidebar composition for post comments

Browse Source
This commit is contained in:
Lewis Dale 2023-02-25 21:54:49 +00:00
parent d2706dbc74
commit 4eea41efbc
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/_includes/post.njk
View File

@ -51,11 +51,11 @@ eleventyComputed:
<ol class="stack-md"> <ol class="stack-md">
{% for reply in post.comments.reply | reverse %} {% for reply in post.comments.reply | reverse %}
<li class="row items-center justify-between"> <li class="sidebar items-center justify-between">
<a href="{{ like.author.url }}" class="self-start" rel="noreferrer" target="_blank"> <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" /> <img src="{{ reply.author.avatars["96"] }}" alt="{{ reply.author.name }}" class="max-w-[4rem] box" />
</a> </a>
<div class="stack-2xs max-w-[50ch]"> <div class="stack-2xs basis-[50ch]">
{% set date = reply.date | parseDate %} {% 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> <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 }}" rel="noreferrer" target="_blank">Original comment</a> <a href="{{ reply.canonical }}" rel="noreferrer" target="_blank">Original comment</a>

10
src/css/compositions/sidebar.css Normal file
View File

@ -0,0 +1,10 @@
.sidebar {
display: flex;
gap: var(--vertical-spacing, 1rem);
flex-wrap: wrap;
> * {
flex-grow: 1;
flex-shrink: 1;
}
}