From ef4a9b9223d6019f0b782eb2f944f3cfe2b6ed41 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Fri, 8 Jul 2022 00:24:47 +1000
Subject: Adjust SCollapsible, allowing for v-model and @open

---
 src/components/HelpModal.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

(limited to 'src/components/HelpModal.vue')

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index 9f7ff0b..3e30c9f 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -9,7 +9,7 @@
 			<s-collapsible :class="scClasses">
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
-						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
+						<down-icon :class="slotProps.open ? downIconExpandedClasses : downIconClasses"/>
 						What is the Tree of Life?
 					</div>
 				</template>
@@ -46,7 +46,7 @@
 			<s-collapsible :class="scClasses">
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
-						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
+						<down-icon :class="slotProps.open ? downIconExpandedClasses : downIconClasses"/>
 						Visualising the Tree
 					</div>
 				</template>
@@ -110,7 +110,7 @@
 			<s-collapsible :class="scClasses">
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
-						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
+						<down-icon :class="slotProps.open ? downIconExpandedClasses : downIconClasses"/>
 						Using Tilo
 					</div>
 				</template>
@@ -228,7 +228,7 @@
 			<s-collapsible :class="scClasses">
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
-						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
+						<down-icon :class="slotProps.open ? downIconExpandedClasses : downIconClasses"/>
 						Data Sources
 					</div>
 				</template>
@@ -336,7 +336,7 @@
 			<s-collapsible :class="scClasses">
 				<template #summary="slotProps">
 					<div :class="scSummaryClasses">
-						<down-icon :class="slotProps.collapsed ? downIconClasses : downIconExpandedClasses"/>
+						<down-icon :class="slotProps.open ? downIconExpandedClasses : downIconClasses"/>
 						Project Information
 					</div>
 				</template>
-- 
cgit v1.2.3