sam/pronounscc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: make profile links bigger tap targets

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/routes/@[username]/+page.svelte
View file

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

13
frontend/src/routes/@[username]/ProfileLink.svelte
View file

@ -20,9 +20,16 @@
}; };
</script> </script>
<Icon name="globe" aria-hidden />
{#if isLink} {#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} {:else}
<span>{link}</span> <li class="py-2 py-lg-0">
<Icon name="globe" aria-hidden />
<span>{displayLink}</span>
</li>
{/if} {/if}

2
frontend/src/routes/@[username]/[memberName]/+page.svelte
View file

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