Jade/views/partials/message-user.html
2024-05-05 14:42:04 +02:00

23 lines
1.0 KiB
HTML

<div class="message-user mt-3" id="{{ ID }}">
<div class="columns is-vcentered is-mobile">
<div class="column is-narrow" id="icon-column">
<figure class="image is-48x48" style="flex-shrink: 0;">
<img src="icons/bouvai2.png" alt="User Image">
</figure>
</div>
<div class="column" id="content-column">
<div class="is-flex">
<div class="message-content" style="position: relative; padding-right: 30px;">
<div class="message-body">
<div class="content" style="overflow-x: auto;">
{{ Content|safe }}
</div>
</div>
<button hx-post="/deleteMessage?id={{ ID }}" style="position: absolute; top: 3; right: 3;"
hx-swap="outerHTML" hx-target="#chat-container" class="delete" aria-label="delete"></button>
</div>
</div>
</div>
</div>
</div>