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