Merge pull request #33 from stefanjudis/feature/10-prettify-dmg

Feature/10 prettify dmg

.gitignore

@@ -5,4 +5,5 @@ node_modules
 npm-debug.log
 npm-debug.log.*
 thumbs.db
-!.gitkeep
+!.gitkeep
+drafts.sketch

app/electron.js

@@ -45,7 +45,7 @@ ipcMain.on( 'openNewWindow', createWindow );
 function openAboutWindow() {
   if ( ! aboutWindow ) {
     aboutWindow = new BrowserWindow( {
-      height        : 600,
+      height        : 625,
       width         : 475,
       titleBarStyle : 'hidden',
       resizable     : false

app/src/App.vue

@@ -93,8 +93,6 @@
     width: .75rem;
 }
   ::-webkit-scrollbar-thumb {
-    // background-clip  : padding-box;
-    // background-color : var(--npm-red-dark);
     box-shadow   : inset 0 0 0 .5rem var(--npm-red);
     border           : .25rem solid transparent;
   }

app/src/components/AboutView.vue

@@ -160,12 +160,15 @@
           </button>
         </h3>
         <p>for giving Forrest its name</p>
-      <li class="c-about--heartList--item">
+      <li class="c-about--heartList--item u-fontSizeSmall u-marginTopSmall">
         <h3 class="o-headline-4">Calvin Goodman</h3>
         <p>for creation of the "Home" icon from the Noun Project
-      <li class="c-about--heartList--item">
+      <li class="c-about--heartList--item u-fontSizeSmall">
         <h3 class="o-headline-4">Michal Beno</h3>
         <p>for creation of the "Settings" icon from the Noun Project
+      <li class="c-about--heartList--item u-fontSizeSmall">
+        <h3 class="o-headline-4">Danin Polshin</h3>
+        <p>for creation of the "Running man" icon from the Noun Project
     </ul>
   </div>
 </template>

app/src/styles/_utils.scss

@@ -48,6 +48,10 @@
   margin-top : .5em;
 }
 
+.u-marginTop {
+  margin-top : 1em;
+}
+
 .u-marginLeftAuto {
   margin-left : auto;
 }
@@ -102,4 +106,8 @@
 
 .u-noBorderTop {
   border-top : none !important;
+}
+
+.u-fontSizeSmall {
+  font-size : .9em;
 }

config.js

@@ -13,7 +13,28 @@ const config = {
     'app-version'        : pkg.version,
     packagesToBeIncluded : [ 'fix-path', 'electron-window-state' ],
     overwrite            : true,
-    asar                 : true
+    asar                 : true,
+    dmg                  : {
+      'background-color' : '#E1E1E1',
+      contents           : [
+        {
+          x    : 485,
+          y    : 240,
+          type : 'link',
+          path : '/Applications'
+        },
+        {
+          x    : 120,
+          y    : 240,
+          type : 'file'
+        }
+      ],
+      'icon-size' : 100,
+      window      : {
+        width  : 600,
+        height : 500
+      }
+    },
   }
 };