diff --git a/src/renderer/main/vueapp.js b/src/renderer/main/vueapp.js
index 85c28f83..a47a650f 100644
--- a/src/renderer/main/vueapp.js
+++ b/src/renderer/main/vueapp.js
@@ -245,6 +245,7 @@ const app = new Vue({
notyf: notyf,
idleTimer: null,
idleState: false,
+ appVisible: true
},
watch: {
cfg: {
@@ -276,6 +277,12 @@ const app = new Vue({
}, false)
},
methods: {
+ hotReload() {
+ this.appVisible = false
+ setTimeout(() => {
+ this.appVisible = true
+ }, 1000)
+ },
setWindowHash(route = "") {
window.location.hash = `#${route}`;
},
diff --git a/src/renderer/views/main.ejs b/src/renderer/views/main.ejs
index 2be194bf..3cbe864c 100644
--- a/src/renderer/views/main.ejs
+++ b/src/renderer/views/main.ejs
@@ -2,23 +2,23 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
Cider
-
-
+
+
-
+
@@ -55,7 +55,7 @@
align-items: center;
}
- #LOADER>svg {
+ #LOADER > svg {
width: 128px;
}
@@ -67,56 +67,60 @@
-
-
- <%- include("../assets/cider-round.svg") %>
-
-
-
-
- <%- include('app/chrome-top'); %>
- <%- include('app/app-navigation'); %>
- <%- include('app/chrome-bottom'); %>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- <%- include('app/panels'); %>
-
-
+
+
+ <%- include("../assets/cider-round.svg") %>
+
+
+
+
+ <%- include('app/chrome-top'); %>
+ <%- include('app/app-navigation'); %>
+ <%- include('app/chrome-bottom'); %>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <%- include('app/panels'); %>
+
+
- <% for(var i=0; i < Object.keys(env.components).length ; i++) {%>
- <%- include(env.components[i]); %>
- <% } %>
+<% for(var i = 0; i < Object.keys(env.components).length ; i++) { %>
+ <%- include(env.components[i]); %>
+<% } %>
+
+
-
-
-
-
-
-