Peter Meier
0ab2c58eb4
- Header desktop nav: social icons grouped in a wald-tinted pill with labels, active-state (aria-current + bold), opacity hover (no per-item bg) - Mobile overlay: social links as icon+label rows with active-state - Search button: lucide:search, icon-only - Migrate all icons mdi→lucide app-wide (234 refs); brand/language logos (google, whatsapp, mastodon, telegram, language-*) stay on mdi - generate-icons: emit mdi + lucide subsets; add @iconify-json/lucide - iconify-offline: register lucide collection - scripts/icon-map|validate|apply: reusable migration tooling Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
31 lines
605 B
Svelte
31 lines
605 B
Svelte
<script lang="ts">
|
|
import Icon from "@iconify/svelte";
|
|
import "$lib/iconify-offline";
|
|
import QrModal from "./QrModal.svelte";
|
|
|
|
let {
|
|
value,
|
|
label = "",
|
|
sublabel = "",
|
|
class: cls = "",
|
|
}: {
|
|
value: string;
|
|
label?: string;
|
|
sublabel?: string;
|
|
class?: string;
|
|
} = $props();
|
|
|
|
let open = $state(false);
|
|
</script>
|
|
|
|
<button
|
|
type="button"
|
|
title="QR-Code anzeigen"
|
|
onclick={() => (open = true)}
|
|
class={cls}
|
|
>
|
|
<Icon icon="lucide:qr-code" class="size-[1em]" />
|
|
</button>
|
|
|
|
<QrModal value={open ? value : null} {label} {sublabel} onclose={() => (open = false)} />
|