aboutsummaryrefslogtreecommitdiffstats
path: root/components/Sidebar.vue
diff options
context:
space:
mode:
Diffstat (limited to 'components/Sidebar.vue')
-rw-r--r--components/Sidebar.vue9
1 files changed, 7 insertions, 2 deletions
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 9366696..0dca27a 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -29,7 +29,7 @@ const timeUntilConferenceStart = computed(() => {
</Panel>
<Panel kind="success" class="ongoing" v-if="scheduleStore.isConferenceOngoing()">
- <span class="text-icon"><LucideRadio size="var(--text-small)"/> <span>This conference is ongoing</span></span>
+ <span class="text-icon"><LucideRadio /> <span>This conference is ongoing</span></span>
<Button kind="primary" @click="navigateTo('/live')">View live</Button>
</Panel>
@@ -38,7 +38,7 @@ const timeUntilConferenceStart = computed(() => {
</Panel>
<Panel class="upcoming" v-else>
- <span class="text-icon"><LucideClock size="var(--text-small)" /> <span>Starts in {{ formatDistanceToNow(scheduleStore.getStartDate()) }}</span></span>
+ <span class="text-icon"><LucideClock /> <span>Starts in {{ formatDistanceToNow(scheduleStore.getStartDate()) }}</span></span>
</Panel>
<Nav />
@@ -66,6 +66,11 @@ const timeUntilConferenceStart = computed(() => {
text-align: center;
}
+.finished svg, .ongoing svg, .upcoming svg{
+ height: var(--text-small) ;
+ width: var(--text-small);
+}
+
.conference {
display: flex;
flex-direction: column;