diff options
| author | Leonardo Bishop <me@leonardobishop.com> | 2025-01-21 01:40:12 +0000 |
|---|---|---|
| committer | Leonardo Bishop <me@leonardobishop.com> | 2025-01-21 01:40:12 +0000 |
| commit | d8423f2406c5d1ad18afd45ee24d194bdc24f81d (patch) | |
| tree | 8d7981b60e9d3ea98319a2702646d034dba5bb0d | |
| parent | 5d162cb8e0f5d594905a56a9b16f4f68df5f6631 (diff) | |
Improve frontend (again)
| -rw-r--r-- | components/Dialog.vue | 7 | ||||
| -rw-r--r-- | components/Sidebar.vue | 9 | ||||
| -rw-r--r-- | 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 { |