feat(frontend): change user/member page heading to always be 2 columns

This commit is contained in:
Sam 2023-03-12 05:04:15 +01:00
parent 3d77e9823d
commit ae7c37e4b9
Signed by: sam
GPG key ID: B4EF20DDE721CAA1
2 changed files with 22 additions and 23 deletions

View file

@ -31,26 +31,25 @@
<div class="col-md text-center">
<FallbackImage urls={data.avatar_urls} alt="Avatar for @{data.name}" />
</div>
<div class="col-md">
<div class="col-md-8">
<h2>{data.display_name ?? data.name}</h2>
<h5 class="text-body-secondary">{data.name} (@{data.user.name})</h5>
<hr />
{#if bio}
<p>{@html bio}</p>
{/if}
</div>
{#if data.links}
<div class="col-md">
<ul>
{#if data.links.length > 0}
<hr />
<ul class="list-unstyled">
{#each data.links as link}
<li><a href={link}>{link}</a></li>
<li><Icon name="globe" /> <a href={link}>{link}</a></li>
{/each}
</ul>
</div>
{/if}
{/if}
</div>
</div>
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3">
{#if data.names}
{#if data.names.length > 0}
<div class="col-md">
<h4>Names</h4>
<ul class="list-unstyled">
@ -60,7 +59,7 @@
</ul>
</div>
{/if}
{#if data.pronouns}
{#if data.pronouns.length > 0}
<div class="col-md">
<h4>Pronouns</h4>
<ul class="list-unstyled">