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

Gradient look on all pages

Browse Source
This commit is contained in:
Antoine Phan
2025-10-20 19:52:46 -04:00
parent 15fcd1cd50
commit 3536a186ca
8 changed files with 19 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/event/EventTabPanel.svelte
View File

@@ -78,8 +78,8 @@
{#if upcomingEvents.length > 0}
<section>
<div class="mb-6 flex items-center gap-3">
<div class="bg-ecsess-500 h-1 w-12 rounded-full"></div>
<h2 class="text-ecsess-600 text-3xl font-bold">Upcoming Events</h2>
<div class="bg-ecsess-200 h-1 w-16 rounded-full"></div>
<h2 class="text-ecsess-200 text-3xl font-bold">Upcoming Events</h2>
</div>
<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
{#each upcomingEvents as e (e._id ?? e.name)}
@@ -103,8 +103,8 @@
{#if finishedEvents.length > 0}
<section>
<div class="mb-6 flex items-center gap-3">
<div class="h-1 w-12 rounded-full bg-gray-400"></div>
<h2 class="text-3xl font-bold text-gray-700">Past Events</h2>
<div class="bg-ecsess-400 h-1 w-16 rounded-full"></div>
<h2 class="text-ecsess-400 text-3xl font-bold">Past Events</h2>
</div>
<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
{#each finishedEvents as e (e._id ?? e.name)}

3
src/components/layout/Section.svelte
View File

@@ -9,6 +9,7 @@
children = () => 'Section placeholder',
from = '',
to = '',
via = '',
direction = 'to-b', // to bottom
black = false
} = $props();
@@ -21,7 +22,7 @@
$effect(() => {
if (from && to) {
tailwindClasses = `${base} bg-gradient-${direction} ${from} ${to}`;
tailwindClasses = `${base} bg-gradient-${direction} ${from} ${to} ${via}`;
} else {
tailwindClasses = base + (black ? ' bg-ecsess-black' : ' bg-ecsess-800');
}