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]); %> +<% } %> + + - - - - - -