fix: make profile links bigger tap targets
This commit is contained in:
parent
030ebfdb10
commit
83c90248e4
3 changed files with 12 additions and 5 deletions
|
@ -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>
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue