kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: allow to turn of email icon

Browse Source
This commit is contained in:
Stefan Imhoff
2023-05-29 13:01:22 +02:00
parent 8ad31a96c0
commit b6795ea37b
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/EmailLink.astro
View File

@@ -4,23 +4,26 @@ import { Sprite } from 'astro-icon';
import { TextLink } from '../components';
export interface Props {
icon?: boolean;
text?: string;
}
const { text = 'Email', ...props } = Astro.props;
const { text = 'Email', icon = true, ...props } = Astro.props;
---
<TextLink class="group" href="#protected-email" data-email-link {...props}>
{text}
<span
class="more-icon relative inline-flex mis-[0.2em] inline-start-[0.2em] block-start-[0.3em]"
>
<Sprite
name="ri:mail-send-line"
aria-hidden="true"
class="h-icon w-icon group-hover:translate-x-1 transition-transform duration-500 ease-in-out"
/>
</span>
{
icon && (
<span class="more-icon relative inline-flex mis-[0.2em] block-start-[0.3em] inline-start-[0.2em]">
<Sprite
name="ri:mail-send-line"
aria-hidden="true"
class="h-icon w-icon transition-transform duration-500 ease-in-out group-hover:translate-x-1"
/>
</span>
)
}
</TextLink>
<script>