Fix PWA notice on light mode

binhonglee · Jul 25, 2022 · 729e23d · 729e23d
1 parent 0daced5
commit 729e23d
Showing 1 changed file with 7 additions and 10 deletions.
diff --git a/src/cockpit/components/CPWA.vue b/src/cockpit/components/CPWA.vue
@@ -1,14 +1,8 @@
 <template>
-  <n-alert
-    v-if="needRefresh"
-    class="pwa-toast"
-    title="Update"
-    type="info"
-    closable
-  >
-    New content available, click on reload button to update.
+  <n-alert v-if="needRefresh" class="pwa-toast" title="Update" type="info">
+    New version available. Click here to update.
     <br />
-    <n-button @click="updateServiceWorker()"> Reload </n-button>
+    <n-button @click="updateServiceWorker()">Update</n-button>
   </n-alert>
 </template>
 
@@ -20,14 +14,17 @@ const { needRefresh, updateServiceWorker } = useRegisterSW();
 </script>
 
 <style>
+#app .dark_mode .pwa-toast {
+  background-color: #15344a;
+}
+
 #app .pwa-toast {
   position: fixed;
   right: 0;
   bottom: 0;
   margin: 10px;
   z-index: 1;
   text-align: left;
-  background-color: #15344a;
 }
 
 .pwa-toast .n-alert-body {