refactor: simplify structures and props

This commit is contained in:
Bart van der Braak 2023-11-20 16:21:27 +01:00
parent 68eef2fa6f
commit 92b2d830e5
8 changed files with 108 additions and 187 deletions

View file

@ -1,15 +1,12 @@
<script lang="ts">
import type { TimelineItem } from './timeline-items';
export let title: TimelineItem['title'];
export let description: TimelineItem['description'];
export let date: TimelineItem['date'];
export let title: string;
export let description: string;
export let date: string;
</script>
<div
class="relative flex items-center justify-between md:justify-normal md:odd:flex-row-reverse group is-active"
>
<!-- Icon -->
<div
class="flex items-center justify-center w-10 h-10 rounded-full border border-white bg-slate-300 group-[.is-active]:bg-emerald-500 text-slate-500 group-[.is-active]:text-emerald-50 shadow shrink-0 md:order-1 md:group-odd:-translate-x-1/2 md:group-even:translate-x-1/2"
>