notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjustment to layout

Browse Source
This commit is contained in:
Antoine Phan
2026-02-09 00:13:59 -05:00
parent b84a6ac93c
commit adb2986a9b
2 changed files with 18 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/council/CouncilCard.svelte
View File

@@ -37,7 +37,9 @@
</span> </span>
{/if} {/if}
</div> </div>
<div class="flex flex-col items-center justify-center gap-2 p-3 text-center sm:p-4"> <div
class="flex flex-col items-center justify-center gap-2 px-2 py-3 text-center sm:px-3 sm:py-4"
>
<h3 class="text-ecsess-50 line-clamp-2 w-full text-base leading-tight font-bold sm:text-lg"> <h3 class="text-ecsess-50 line-clamp-2 w-full text-base leading-tight font-bold sm:text-lg">
{name} {name}
</h3> </h3>

38
src/routes/council/+page.svelte
View File

@@ -129,18 +129,14 @@
</h2> </h2>
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div> <div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div> </div>
<div class="mt-8 flex flex-wrap justify-center gap-4"> <div class="mt-8 flex flex-wrap justify-center gap-6">
{#each vps as vp} {#each vps as vp}
<div <CouncilCard
class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]" name={vp.name}
> position={vp.position}
<CouncilCard image={vp.image}
name={vp.name} onViewProfile={() => handleViewProfile(vp)}
position={vp.position} />
image={vp.image}
onViewProfile={() => handleViewProfile(vp)}
/>
</div>
{/each} {/each}
</div> </div>
</section> </section>
@@ -154,19 +150,15 @@
</h2> </h2>
<div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div> <div class="bg-ecsess-300 h-0.5 flex-1" aria-hidden="true"></div>
</div> </div>
<div class="mt-8 flex flex-wrap justify-center gap-4"> <div class="mt-8 flex flex-wrap justify-center gap-6">
{#each ureps as urep} {#each ureps as urep}
<div <CouncilCard
class="flex min-w-full justify-center sm:min-w-[calc(50%-0.5rem)] lg:min-w-[calc(33.333%-0.67rem)] xl:min-w-[calc(25%-0.75rem)]" name={urep.name}
> position={urep.position}
<CouncilCard image={urep.image}
name={urep.name} onViewProfile={() => handleViewProfile(urep)}
position={urep.position} tag={getYearFromPosition(urep.position)}
image={urep.image} />
onViewProfile={() => handleViewProfile(urep)}
tag={getYearFromPosition(urep.position)}
/>
</div>
{/each} {/each}
</div> </div>
</section> </section>