diff options
Diffstat (limited to 'components/Sidebar.vue')
| -rw-r--r-- | components/Sidebar.vue | 9 |
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; |
