System now acts along with the platform

components/historyModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-dialog scrollable width="75%"
+  <v-dialog lazy absolute width="75%"
             v-model="$store.state.historyModal">
     <v-btn secondary dark
            @click.mative="refresh()"
@@ -149,7 +149,6 @@
     padding-top: 1px;
   }
 
-  /*noinspection CssUnusedSymbol*/
   .not-delete
   {
     background-color: rgba(119, 221, 119, 0.62);
@@ -157,7 +156,6 @@
     border-top: 1px solid rgba(119, 221, 119, 0.62);
   }
 
-  /*noinspection CssUnusedSymbol*/
   .delete
   {
     background-color: rgba(216, 24, 24, 0.55);

components/infoModal.vue

@@ -215,12 +215,6 @@
     max-width: 90%;
   }
 
-  /*noinspection CssUnusedSymbol*/
-  .row
-  {
-    width: 100%;
-  }
-
   .info-title
   {
     padding-left: 15% !important;

layouts/default.vue

@@ -55,10 +55,13 @@
                   status
                   class="wb dragable"
                   v-if="!browser">
-      <v-spacer></v-spacer>
-      <v-icon class="window-icon">remove</v-icon>
-      <v-icon class="window-icon">check_box_outline_blank</v-icon>
-      <v-icon class="window-icon">close</v-icon>
+      <div v-if="$store.state.platform !== 'darwin'">
+        <v-spacer></v-spacer>
+        <v-icon class="window-icon">remove</v-icon>
+        <v-icon class="window-icon">check_box_outline_blank</v-icon>
+        <v-icon class="window-icon">close</v-icon>
+      </div>
+
     </v-system-bar>
 
     <v-toolbar fixed dark class="mablue tb dragable">

main.js

@@ -71,7 +71,7 @@ const newWin = () => {
   win = new BrowserWindow({
     width: config.electron.width,
     height: config.electron.height,
-    titleBarStyle: 'hidden',
+    titleBarStyle: process.platform === 'darwin' ? 'hidden' : 'none',
     show: false
   })
 

nuxt.config.js

@@ -8,6 +8,9 @@ module.exports = {
     width: 1200,
     height: 800
   },
+  env: {
+    platform: process.platform
+  },
   build: {
     vendor: ['vuetify', 'axios']
   },

pages/index.vue

@@ -1,5 +1,5 @@
 <template xmlns:v-tooltip="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
-  <v-container fluid class="container">
+  <v-container fluid class="container pa-0" style="min-height: 91vh">
     <transition name="fade" v-if="releases.length">
       <v-layout row wrap style="margin: 0 1% 0 1%;">
         <v-flex md4 sm4 xs12 class="time-container">
@@ -245,11 +245,6 @@
 </script>
 
 <style scoped>
-  div.container
-  {
-    padding: 0;
-  }
-
   p
   {
     margin-bottom: 0;

pages/localPage.vue

@@ -261,13 +261,6 @@
     margin-bottom: 0;
   }
 
-  /* Needed */
-  /*noinspection CssUnusedSymbol*/
-  .icon--large, .icon--medium
-  {
-    height: 2.5rem;
-  }
-
   .ellipsis
   {
     overflow: hidden;

store/index.js

@@ -15,6 +15,7 @@ const log = (message) => {
 
 const store = new Vuex.Store({
   state: {
+    platform: '',
     drawer: false,
     autoRefreshReleases: true,
     releaseFansub: '',
@@ -70,6 +71,9 @@ const store = new Vuex.Store({
     addToChoice: false
   },
   mutations: {
+    setPlatform (state, data) {
+      state.platform = data
+    },
     init (state, data) {
       const config = data
       config.inside = config.inside.toString()
@@ -227,6 +231,9 @@ const store = new Vuex.Store({
     }
   },
   actions: {
+    nuxtServerInit ({commit}, {env}) {
+      commit('setPlatform', env.platform)
+    },
     async init ({commit, dispatch}) {
       if (!started) {
         started = true