refactor: Adressbuch-Kontaktinfo als Text mit Icon-Button statt vollem Button
Deploy / verify (push) Successful in 59s
Deploy / deploy (push) Successful in 1m12s

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Peter Meier
2026-06-04 10:54:44 +02:00
parent df1895bb91
commit 4642b32271
@@ -144,28 +144,32 @@
{/if}
</div>
<!-- Contact actions -->
<!-- Contact info + action links -->
{#if contact.phone || contact.email}
<div class="flex justify-end gap-2">
<div class="flex flex-col gap-1">
{#if contact.phone}
<a
href="tel:{contact.phone.replace(/\s/g, '')}"
title={contact.phone}
class="btn-outline btn-sm no-underline"
>
<Icon icon="mdi:phone-outline" class="size-3.5 shrink-0" />
<span class="truncate">{contact.phone}</span>
</a>
<div class="flex items-center gap-2">
<span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.phone}</span>
<a
href="tel:{contact.phone.replace(/\s/g, '')}"
title="Anrufen"
class="btn-outline btn-sm shrink-0 no-underline"
>
<Icon icon="mdi:phone-outline" class="size-3.5" />
</a>
</div>
{/if}
{#if contact.email}
<a
href="mailto:{contact.email}"
title={contact.email}
class="btn-outline btn-sm no-underline"
>
<Icon icon="mdi:email-outline" class="size-3.5 shrink-0" />
<span class="truncate">{contact.email}</span>
</a>
<div class="flex items-center gap-2">
<span class="min-w-0 flex-1 truncate text-xs text-stein-600">{contact.email}</span>
<a
href="mailto:{contact.email}"
title="E-Mail schreiben"
class="btn-outline btn-sm shrink-0 no-underline"
>
<Icon icon="mdi:email-outline" class="size-3.5" />
</a>
</div>
{/if}
</div>
{/if}