small changes

Author: divamgupta

electron_app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "DiffusionBee",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "build_number": "0016",
   "website": "https://diffusionbee.com",
   "description": "Diffusion Bee - Stable Diffusion App.",

electron_app/src/App.vue

@@ -170,6 +170,9 @@ export default
         if(!data.settings){
             data.settings = {}
         }
+        if(data.settings.notification_sound == undefined)
+            data.settings.notification_sound = true
+
         if(!data.custom_models){
             data.custom_models = {}
         }

electron_app/src/assets/css/theme.css

@@ -26,6 +26,9 @@
     h2 {
         color: rgba(0, 0, 0, 0.7);
     }
+    h3 {
+        color: rgba(0, 0, 0, 0.7);
+    }
     p {
         color: rgba(0, 0, 0, 0.9);
     }
@@ -156,6 +159,9 @@
     h2 {
         color: rgba(255, 255, 255, 0.7);
     }
+    h3 {
+        color: rgba(255, 255, 255, 0.7);
+    }
     p {
         color: rgba(255, 255, 255, 0.9);
     }

electron_app/src/components/History.vue

@@ -21,14 +21,14 @@
           Clear History
         </div>
         <div v-if="Object.values(app_state.app_data.history).length > 0">
-                <div v-if="get_history().length > 30">
-                    <b-pagination
-                        v-model="currentPage"
-                        :total-rows="get_history().length"
-                        :per-page="30"
-                    />
-                </div>
-                <div v-for="history_box in get_history().slice((currentPage - 1) * 30, currentPage * 30)" :key="history_box.key" style="clear: both;">
+            <div v-if="get_history.length > 30">
+                <b-pagination
+                    v-model="currentPage"
+                    :total-rows="get_history.length"
+                    :per-page="30"
+                />
+            </div>
+            <div v-for="history_box in get_history.slice((currentPage - 1) * 30, currentPage * 30)" :key="history_box.key" style="clear: both;">
 
 
                 <div @click="delete_hist(history_box.key)" style="float:right; margin-top: 10px;"  class="l_button">Delete</div>
@@ -66,7 +66,18 @@
                 </div>
 
                 <hr>
+
+
             </div>
+
+            <div v-if="get_history.length > 30">
+                <b-pagination
+                    v-model="currentPage"
+                    :total-rows="get_history.length"
+                    :per-page="30"
+                />
+            </div>
+
         </div>
         <div v-else>
             <div class="center">
@@ -100,12 +111,9 @@ export default {
             currentPage: 1,
         };
     },
-    methods: {
-        delete_hist(k){
-            Vue.delete( this.app_state.app_data.history , k );
-        },
 
-        get_history() {
+    computed: {
+      get_history() {
           let history = Object.values(this.app_state.app_data.history);
           const that = this;
           const list = this.app_state.show_history_in_oldest_first ? history : history.reverse();
@@ -120,8 +128,16 @@ export default {
 
           return fuse.search(that.searchText).map(r => r.item);
 
+       },
+    },
+
+    methods: {
+        delete_hist(k){
+            Vue.delete( this.app_state.app_data.history , k );
         },
 
+        
+
         toggle_order() {
            Vue.set( this.app_state, "show_history_in_oldest_first", !this.app_state.show_history_in_oldest_first);
         },

electron_app/src/components/Settings.vue

@@ -8,15 +8,15 @@
             <br>
             <div class="setting_box">
             <div class="settings_left">
-            <h2>Notification sound</h2>
-            <p>Allows to start a sound when the generation of an image is completed</p>
+            <h3>Notification sound</h3>
+            <p>To play a notification sound when generation of an image is completed</p>
             </div>
             <hr>
             <div style="float:right;margin-right: 9px;align-self: center;" >
                 <label class="switch">
-            <input type="checkbox" v-model="app_state.app_data.settings.notification_sound" checked>
-            <span class="toggle round"></span>
-            </label>
+                    <input type="checkbox" v-model="app_state.app_data.settings.notification_sound" checked>
+                    <span class="toggle round"></span>
+                </label>
             </div>
             </div>
             <hr>

electron_app/src/components_bare/ApplicationFrame.vue

@@ -291,7 +291,6 @@ h3 {
     align-items: center;
     letter-spacing: -0.08px;
 
-    color: rgba(0, 0, 0, 0.9);
 }