refactor: Adressbuch-Kontaktinfo als Text mit Icon-Button statt vollem Button
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user