From 108da13a597e6cc8814d95bfc0a5055b30c58fdd Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 21 Dec 2024 20:43:20 +0100
Subject: [PATCH] feat: styling for new version component

---
 src/components/NewVersion.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/NewVersion.vue b/src/components/NewVersion.vue
index ebf1fe5..1a17d0c 100644
--- a/src/components/NewVersion.vue
+++ b/src/components/NewVersion.vue
@@ -33,11 +33,15 @@ const reload = () => {
       </span>
     </div>
     <div class="buttons">
-      <button v-if="needRefresh" class="button is-primary" @click="reload">
+      <button
+        v-if="devMode || needRefresh"
+        class="btn btn-primary"
+        @click="reload"
+      >
         <LiteLoading v-if="isLoading" />
         <span v-else>Reload</span>
       </button>
-      <button class="button" @click="close">Close</button>
+      <button class="btn" @click="close">Close</button>
     </div>
   </div>
 </template>
@@ -57,6 +61,11 @@ const reload = () => {
   color: var(--fallback-bc, oklch(var(--bc) / 1));
 }
 
+.buttons {
+  display: flex;
+  gap: 1rem;
+}
+
 button {
   flex: 1;
 }