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

feat(ui): add AnnotateHintStrip — 18px hint strip, hidden md:flex, annotateMode gated

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-31 22:46:32 +02:00
parent 20dbe04d45
commit 7bd995a045
2 changed files with 45 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/lib/components/AnnotateHintStrip.svelte Normal file
View File

@@ -0,0 +1,18 @@
<script lang="ts">
type Props = {
annotateMode: boolean;
};
let { annotateMode }: Props = $props();
</script>
{#if annotateMode}
<div
data-testid="annotate-hint-strip"
class="hidden h-[18px] items-center gap-2 border-t border-dashed px-3.5 md:flex"
style="background: rgba(1,40,81,0.05); border-color: rgba(1,40,81,0.20)"
>
<span class="text-[10px] font-bold tracking-wide text-primary uppercase">Annotieren</span>
<span class="text-[10px] text-ink-2">Klicken Sie auf einen Bereich im Dokument</span>
</div>
{/if}