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

refactor(ui): use bg-turquoise/10 token for paragraph hover

Browse Source 
Replaces hardcoded rgba value with the project's turquoise color
token for dark mode compatibility.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-04-07 11:54:57 +02:00
parent e31b73303e
commit b01a9ef406
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/lib/components/TranscriptionReadView.svelte
View File

@@ -16,7 +16,7 @@ let sorted = $derived([...blocks].sort((a, b) => a.sortOrder - b.sortOrder));
<article class="px-6 py-8"> <article class="px-6 py-8">
{#each sorted as block (block.id)} {#each sorted as block (block.id)}
<div <div
class="-mx-2 mb-6 cursor-pointer rounded-sm px-2 py-1 font-serif text-[16px] leading-[1.85] text-ink transition-colors hover:bg-[rgba(0,199,177,0.10)]" class="-mx-2 mb-6 cursor-pointer rounded-sm px-2 py-1 font-serif text-[16px] leading-[1.85] text-ink transition-colors hover:bg-turquoise/10"
class:flash-highlight={highlightBlockId === block.id} class:flash-highlight={highlightBlockId === block.id}
data-block-id={block.id} data-block-id={block.id}
onclick={() => onParagraphClick(block.annotationId)} onclick={() => onParagraphClick(block.annotationId)}