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

fix(comments): increase text size for readability
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
Details
CI / Backend Unit Tests (push) Has been cancelled
Details
CI / E2E Tests (push) Has been cancelled
Details
CI / Unit & Component Tests (pull_request) Has been cancelled
Details
CI / Backend Unit Tests (pull_request) Has been cancelled
Details
CI / E2E Tests (pull_request) Has been cancelled
Details

Browse Source 
Bump comment body and quote from text-xs (12px) to text-sm (14px).
Bump author name from text-xs to text-sm, timestamp from 10px to text-xs.
Improves readability especially for 60+ target users.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-05 22:33:42 +02:00
parent 82d5a34f76
commit a66bec1971
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/lib/components/CommentThread.svelte
View File

@@ -138,7 +138,7 @@ onMount(() => {
{#if flatMessages.length > 0} {#if flatMessages.length > 0}
<div class="rounded border-l-2 border-accent bg-muted p-2"> <div class="rounded border-l-2 border-accent bg-muted p-2">
<div class="mb-2 flex items-center gap-1.5 font-sans text-xs font-semibold text-ink-2"> <div class="mb-2 flex items-center gap-1.5 font-sans text-sm font-semibold text-ink-2">
<svg <svg
class="h-3.5 w-3.5" class="h-3.5 w-3.5"
viewBox="0 0 24 24" viewBox="0 0 24 24"
@@ -167,21 +167,21 @@ onMount(() => {
</div> </div>
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="flex items-center gap-1.5"> <div class="flex items-center gap-1.5">
<span class="font-sans text-xs font-semibold text-ink">{msg.authorName}</span> <span class="font-sans text-sm font-semibold text-ink">{msg.authorName}</span>
{#if wasEdited(msg)} {#if wasEdited(msg)}
<span class="font-sans text-[10px] text-ink-3" <span class="font-sans text-xs text-ink-3"
>{timeAgo(msg.updatedAt)} {m.comment_edited_label()}</span >{timeAgo(msg.updatedAt)} {m.comment_edited_label()}</span
> >
{:else} {:else}
<span class="font-sans text-[10px] text-ink-3">{timeAgo(msg.createdAt)}</span> <span class="font-sans text-xs text-ink-3">{timeAgo(msg.createdAt)}</span>
{/if} {/if}
</div> </div>
{#if parsed.quote} {#if parsed.quote}
<div class="my-1 border-l-2 border-line pl-2 font-serif text-xs text-ink-3 italic"> <div class="my-1 border-l-2 border-line pl-2 font-serif text-sm text-ink-3 italic">
&ldquo;{parsed.quote}&rdquo; &ldquo;{parsed.quote}&rdquo;
</div> </div>
{/if} {/if}
<p class="font-serif text-xs leading-relaxed text-ink-2"> <p class="font-serif text-sm leading-relaxed text-ink-2">
<!-- eslint-disable-next-line svelte/no-at-html-tags -- renderBody escapes all HTML before injecting mention links --> <!-- eslint-disable-next-line svelte/no-at-html-tags -- renderBody escapes all HTML before injecting mention links -->
{@html renderBody(parsed.body, msg.mentionDTOs ?? [])} {@html renderBody(parsed.body, msg.mentionDTOs ?? [])}
</p> </p>