Korbs/sudovanilla-website
Korbs/sudovanilla-website
1
Fork 0
Code Issues Pull requests Activity

Add option to Timeline component

Browse source
This commit is contained in:
Korbs 2024-12-10 01:25:10 -05:00
parent 35d0699212
commit 545ee651af
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/Timeline.astro
View file

@ -1,12 +1,20 @@
---
const {
Date,
Time
Time,
Upcoming
} = Astro.props
if (Upcoming === true) {
var BorderColor = '#3a66b9'
} else {
var BorderColor = 'white'
}
---
<div class="timeline">
<p class="timeline-date">{Date} - {Time}</p>
<div style={"border-color: " + BorderColor} class="timeline">
<p style={"border-color: " + BorderColor} class="timeline-date">{Date} - {Time}</p>
<slot/>
</div>