2021-11-05 15:36:34 +01:00
|
|
|
<article class="flex px-6 py-4 bg-base gap-x-2">
|
2021-04-02 19:20:02 +02:00
|
|
|
<img src="<?= $reply->actor->avatar_image_url ?>" alt="<?= $reply->actor
|
2021-11-23 12:54:34 +01:00
|
|
|
->display_name ?>" class="z-10 w-10 h-10 rounded-full ring-background-base ring-2 aspect-square" />
|
2021-04-02 19:20:02 +02:00
|
|
|
<div class="flex flex-col flex-1 min-w-0">
|
|
|
|
<header class="flex items-center mb-2">
|
|
|
|
<a href="<?= $reply->actor
|
2021-09-08 17:51:33 +02:00
|
|
|
->uri ?>" class="mr-2 text-base font-semibold truncate hover:underline" <?= $reply
|
2021-04-02 19:20:02 +02:00
|
|
|
->actor->is_local
|
2021-05-06 16:00:48 +02:00
|
|
|
? ''
|
|
|
|
: 'target="_blank" rel="noopener noreferrer"' ?>><?= $reply->actor
|
2021-11-05 15:36:34 +01:00
|
|
|
->display_name ?><span class="ml-1 text-sm font-normal text-skin-muted">@<?= $reply
|
2021-09-08 17:51:33 +02:00
|
|
|
->actor->username .
|
2021-05-06 16:00:48 +02:00
|
|
|
($reply->actor->is_local ? '' : '@' . $reply->actor->domain) ?></span></a>
|
2021-11-05 15:36:34 +01:00
|
|
|
<?= relative_time($reply->published_at, 'flex-shrink-0 ml-auto text-xs text-skin-muted') ?>
|
2021-04-02 19:20:02 +02:00
|
|
|
</header>
|
2021-08-13 13:07:29 +02:00
|
|
|
<p class="mb-2 post-content"><?= $reply->message_html ?></p>
|
2021-10-13 17:43:40 +02:00
|
|
|
<?php if ($reply->preview_card_id): ?>
|
|
|
|
<?= view('post/_partials/preview_card', [
|
2021-04-02 19:20:02 +02:00
|
|
|
'preview_card' => $reply->preview_card,
|
|
|
|
]) ?>
|
|
|
|
<?php endif; ?>
|
2021-10-13 17:43:40 +02:00
|
|
|
<?= $this->include('post/_partials/reply_actions') ?>
|
2021-04-02 19:20:02 +02:00
|
|
|
</div>
|
|
|
|
</article>
|