Neighbourhood.omg.lol/Components/StatusCard.razor

25 lines
678 B
Text
Raw Normal View History

<article class="status">
<div class="row">
<object class="large emoji" data-emoji="@status.EmojiOrDefault">@status.EmojiOrDefault</object>
<div class="max">
<a class="author" href="/person/@status.Address">
<i class="fa-solid fa-fw fa-at"></i>@status.Address
</a>
@status.HtmlContent
</div>
</div>
<nav>
<a class="chip transparent-border">
<i class="fa fa-clock"></i> @status.RelativeTime
</a>
<a class="chip transparent-border" href="@status.ExternalUrl" target="_blank">
<i class="fa fa-message-dots"></i> Respond
</a>
</nav>
</article>
@code {
[Parameter]
public Status status { get; set; }
}