put socials at the bottom

This commit is contained in:
Akis 2022-07-06 19:03:06 +03:00
parent e0aa44eb53
commit 96dfb09abe

View File

@ -14,15 +14,18 @@
<div class="members"> <div class="members">
<h1>Members</h1> <h1>Members</h1>
<h2>Our excellent members!</h2> <p>Our excellent members!</p>
<div class="member-outer"> <div class="member-outer">
{#each members as { name, discord, matrix, position, description, github, website }} {#each members as { name, discord, matrix, position, description, github, website }}
<div class="member-inner"> <div class="member-inner">
<span>{name} - {position}</span>
{#if description} <div class="main">
<p class="description">{description}</p> <span>{name} - {position}</span>
{/if}
{#if description}
<p class="description">{description}</p>
{/if}
</div>
<div class="socials"> <div class="socials">
{#if matrix} {#if matrix}
@ -63,6 +66,12 @@
border-radius: 10px; border-radius: 10px;
padding: 1rem; padding: 1rem;
width: 30em; width: 30em;
display: flex;
flex-direction: column;
}
.main {
flex: 1;
} }
span { span {