SocialsCloud fix, made them into cards, not uniform yet
This commit is contained in:
parent
000948bc8a
commit
06e41a886b
|
@ -0,0 +1,29 @@
|
|||
<script lang="ts">
|
||||
import socials from '$lib/config/socialsObjects';
|
||||
import ObfuscatedEmail from '$lib/components/ObfuscatedEmail.svelte';
|
||||
</script>
|
||||
|
||||
<div class="flex md:flex-row flex-wrap gap-2 max-h-24">
|
||||
{#each socials as link}
|
||||
<div class="card card-compact card-bordered p-6 bg-base-200 aspect-square flex items-center justify-center ">
|
||||
{#if link.title === 'Email'}
|
||||
<ObfuscatedEmail
|
||||
mail={socials[0].href}
|
||||
clazz="w-full h-full flex items-center justify-center"
|
||||
h={12}
|
||||
w={12}
|
||||
/>
|
||||
{:else}
|
||||
<a
|
||||
class="w-full h-full flex items-center justify-center"
|
||||
href={link.href}
|
||||
target="_blank"
|
||||
rel={link.title === 'Mastodon' ? 'me' : 'noreferrer'}
|
||||
aria-label={link.title}
|
||||
>
|
||||
<i class={link.icon + ' text-3xl md:text-5xl'} />
|
||||
</a>
|
||||
{/if}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
Loading…
Reference in New Issue