style: descendants layout

This commit is contained in:
Ayo Ayco 2024-04-24 13:52:47 +02:00
parent f27ea9278f
commit badeea5387

View file

@ -39,9 +39,9 @@
} }
.card_content { .card_content {
width
& * { & *:not(.meta) {
margin-top: 1em; margin-bottom: 1em;
} }
& img, & video { & img, & video {
@ -52,7 +52,7 @@
& .meta { & .meta {
font-size: small; color: #888; font-size: small; color: #888;
margin-bottom: 5px;
} }
} }
@ -104,10 +104,17 @@
<ul> <ul>
{% for descendant in thread.descendants %} {% for descendant in thread.descendants %}
<li class="card"> <li class="card">
<div class="card_meta"> <div class="card_avatar">
<span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a> {% if descendant.account.avatar is defined %}
<img class="avatar" src="{{thread.account.avatar}}" />
{% endif %}
</div> </div>
<div class="card_content"> <div class="card_content">
<div class="meta">
<span>{{ descendant.created_at }}</span> &bullet; <a href="{{descendant.url}}" target="_blank">&nearr;</a>
</div>
{{ descendant.content | safe }} {{ descendant.content | safe }}
{% for media in descendant.media_attachments%} {% for media in descendant.media_attachments%}
{% if media.type == 'image'%} {% if media.type == 'image'%}