mirror of
https://github.com/Sevichecc/Urara-Blog.git
synced 2025-05-25 06:29:12 +08:00
30 lines
No EOL
1,009 B
Svelte
30 lines
No EOL
1,009 B
Svelte
<script lang="ts">
|
|
let className = ''
|
|
export { className as class }
|
|
export let in_reply_to: Urara.Post['in_reply_to']
|
|
</script>
|
|
|
|
<div class="flex flex-wrap gap-2 rounded-box outline outline-neutral/10 p-4 {className}">
|
|
<span class="flex-none font-bold uppercase opacity-30">Reply to: </span>
|
|
{#if Array.isArray(in_reply_to)}
|
|
{#each in_reply_to as reply}
|
|
<a
|
|
href={reply}
|
|
rel="noopener external"
|
|
target="_blank"
|
|
class="flex-none flex rounded-badge bg-base-200 hover:bg-base-300 transition-all gap-2 px-4 u-in-reply-to">
|
|
<span class="i-heroicons-outline-reply my-auto !w-4 !h-4" />
|
|
{reply}
|
|
</a>
|
|
{/each}
|
|
{:else}
|
|
<a
|
|
href={in_reply_to}
|
|
rel="noopener external"
|
|
target="_blank"
|
|
class="ml-auto flex-none flex rounded-badge bg-base-200 hover:bg-base-300 transition-all gap-2 px-4 u-in-reply-to">
|
|
<span class="i-heroicons-outline-reply my-auto !w-4 !h-4" />
|
|
{in_reply_to}
|
|
</a>
|
|
{/if}
|
|
</div> |