From d8423f2406c5d1ad18afd45ee24d194bdc24f81d Mon Sep 17 00:00:00 2001
From: Leonardo Bishop <me@leonardobishop.com>
Date: Tue, 21 Jan 2025 01:40:12 +0000
Subject: Improve frontend (again)

---
 components/Dialog.vue  | 7 +++----
 components/Sidebar.vue | 9 +++++++--
 layouts/default.vue    | 2 ++
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/components/Dialog.vue b/components/Dialog.vue
index 42ba070..3d91de0 100644
--- a/components/Dialog.vue
+++ b/components/Dialog.vue
@@ -72,9 +72,8 @@ dialog.normal {
 }
 
 dialog.error {
-  border: 2px solid var(--color-background-error-dark);
-  background-color: var(--color-background-error);
-  color: white;
+  border: 2px solid var(--color-border-error);
+  background-color: var(--color-error);
 }
 
 dialog.fit {
@@ -84,7 +83,7 @@ dialog.fit {
 
 dialog::backdrop {
   backdrop-filter: blur(4px);
-  background-color: rgba(0, 0, 0, 0.3);
+  background-color: rgba(0, 0, 0, 0.1);
 }
 
 div.actions {
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;
diff --git a/layouts/default.vue b/layouts/default.vue
index cd9fa09..5171745 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -220,6 +220,8 @@ header {
     padding: 1rem;
     border-bottom: 2px solid var(--color-border);
     position: fixed;
+    width: 100%;
+    box-sizing: border-box;
   }
   
   .planner-sidebar {
-- 
cgit v1.2.3-70-g09d2