marcel/familienarchiv
1
0
Fork 0
Code Issues 102 Pull Requests Actions Packages Projects Releases Wiki Activity

feat(conversations): swap button, year dividers, summary bar, new-doc link #43

Merged
marcel merged 11 commits from feat/conversation-page-improvements into main 2026-03-20 21:35:23 +01:00
Conversation 0 Commits 11 Files Changed 8 +24 -22
1 changed files with 24 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 76031de8eb - Show all commits

46
frontend/src/routes/conversations/+page.svelte
View File

@@ -92,29 +92,31 @@ const enrichedDocuments = $derived(
</div> </div>
<!-- Swap button — icon-only on desktop, full-width with text on mobile --> <!-- Swap button — icon-only on desktop, full-width with text on mobile -->
<div class="flex items-end"> {#if senderId && receiverId}
<button <div class="flex items-end">
data-testid="conv-swap-btn" <button
onclick={swapPersons} data-testid="conv-swap-btn"
class="flex w-full items-center justify-center gap-2 border border-brand-sand px-3 py-2.5 text-xs font-bold tracking-widest text-brand-navy uppercase transition-colors hover:bg-brand-navy hover:text-white md:w-auto" onclick={swapPersons}
title={m.conv_swap_btn()} class="flex w-full items-center justify-center gap-2 border border-brand-sand px-3 py-2.5 text-xs font-bold tracking-widest text-brand-navy uppercase transition-colors hover:bg-brand-navy hover:text-white md:w-auto"
> title={m.conv_swap_btn()}
<svg
class="h-4 w-4 flex-shrink-0 md:rotate-90"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
> >
<path <svg
stroke-linecap="round" class="h-4 w-4 flex-shrink-0 md:rotate-90"
stroke-linejoin="round" fill="none"
stroke-width="2" stroke="currentColor"
d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4" viewBox="0 0 24 24"
></path> >
</svg> <path
<span class="md:hidden">{m.conv_swap_btn()}</span> stroke-linecap="round"
</button> stroke-linejoin="round"
</div> stroke-width="2"
d="M7 16V4m0 0L3 8m4-4l4 4M17 8v12m0 0l4-4m-4 4l-4-4"
></path>
</svg>
<span class="md:hidden">{m.conv_swap_btn()}</span>
</button>
</div>
{/if}
<!-- Receiver --> <!-- Receiver -->
<div <div