From f93a728091e52ae5144a51fb6203fde8cdf02558 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 4 Jan 2023 23:55:10 +1100
Subject: Add event info modal

Add InfoModal.vue, SCollapsible.vue, and icons.
Update Timeline.vue, App.vue, lib.ts, and store.ts to display modal.
For testing, send/use dummy EventInfo from server (still waiting on image downloads).
---
 src/components/icon/DownIcon.vue         | 6 ++++++
 src/components/icon/ExternalLinkIcon.vue | 8 ++++++++
 2 files changed, 14 insertions(+)
 create mode 100644 src/components/icon/DownIcon.vue
 create mode 100644 src/components/icon/ExternalLinkIcon.vue

(limited to 'src/components/icon')

diff --git a/src/components/icon/DownIcon.vue b/src/components/icon/DownIcon.vue
new file mode 100644
index 0000000..f7a5835
--- /dev/null
+++ b/src/components/icon/DownIcon.vue
@@ -0,0 +1,6 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none"
+	stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<polyline points="6 9 12 15 18 9"></polyline>
+</svg>
+</template>
diff --git a/src/components/icon/ExternalLinkIcon.vue b/src/components/icon/ExternalLinkIcon.vue
new file mode 100644
index 0000000..f672f3a
--- /dev/null
+++ b/src/components/icon/ExternalLinkIcon.vue
@@ -0,0 +1,8 @@
+<template>
+<svg viewBox="0 0 24 24" fill="none"
+	stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
+	<polyline points="15 3 21 3 21 9"></polyline>
+	<line x1="10" y1="14" x2="21" y2="3"></line>
+</svg>
+</template>
-- 
cgit v1.2.3