mirror of
https://github.com/bretzel-app/crumbs.git
synced 2026-10-12 20:06:57 +02:00
Frederic CabassutandClaude Opus 4.6
c619515ca6
Remove ThemeToggle component, theme store, dark: Tailwind variants, and dark color values from NOTE_COLORS. Simplify color logic to use a single bg property. Delete dark mode e2e tests. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
36 lines
941 B
Svelte
36 lines
941 B
Svelte
<script lang="ts">
|
|
import SearchBar from '../SearchBar.svelte';
|
|
import SyncIndicator from '../SyncIndicator.svelte';
|
|
|
|
interface Props {
|
|
onMenuToggle: () => void;
|
|
}
|
|
|
|
let { onMenuToggle }: Props = $props();
|
|
</script>
|
|
|
|
<header class="sticky top-0 z-30 flex h-16 items-center gap-4 border-b border-gray-200 bg-white px-4 shadow-sm">
|
|
<button
|
|
onclick={onMenuToggle}
|
|
class="rounded-full p-2 hover:bg-gray-100"
|
|
aria-label="Toggle sidebar"
|
|
>
|
|
<svg class="h-6 w-6 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
|
|
</svg>
|
|
</button>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<span class="text-2xl">🥨</span>
|
|
<h1 class="text-xl font-semibold text-gray-800">Crumbs</h1>
|
|
</div>
|
|
|
|
<div class="mx-4 flex-1">
|
|
<SearchBar />
|
|
</div>
|
|
|
|
<div class="flex items-center gap-2">
|
|
<SyncIndicator />
|
|
</div>
|
|
</header>
|