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