fix: make profile links bigger tap targets

This commit is contained in:
Sam 2023-03-27 23:46:06 +02:00
parent 030ebfdb10
commit 83c90248e4
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
3 changed files with 12 additions and 5 deletions

View file

@ -134,7 +134,7 @@
<div class="col-md d-flex align-items-center">
<ul class="list-unstyled">
{#each data.links as link}
<li><ProfileLink {link} /></li>
<ProfileLink {link} />
{/each}
</ul>
</div>

View file

@ -20,9 +20,16 @@
};
</script>
<Icon name="globe" aria-hidden />
{#if isLink}
<a href={link} rel="me nofollow noreferrer" target="_blank">{displayLink}</a>
<a href={link} class="text-decoration-none">
<li class="py-2 py-lg-0">
<Icon name="globe" aria-hidden class="text-body" />
<span class="text-decoration-underline">{displayLink}</span>
</li>
</a>
{:else}
<span>{link}</span>
<li class="py-2 py-lg-0">
<Icon name="globe" aria-hidden />
<span>{displayLink}</span>
</li>
{/if}

View file

@ -68,7 +68,7 @@
<div class="col-md d-flex align-items-center">
<ul class="list-unstyled">
{#each data.links as link}
<li><ProfileLink {link} /></li>
<ProfileLink {link} />
{/each}
</ul>
</div>