feat: add landing

getgridea · Jan 2, 2019 · 1ec734a · 1ec734a
1 parent d0efdd4
commit 1ec734a
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -6,12 +6,28 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>hve-notes</title>
+    <style>
+      .landing {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+    </style>
   </head>
   <body>
     <noscript>
       <strong>We're sorry but hve-notes doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <div id="app"></div>
+    <div id="app">
+      <div id="landing" class="landing">
+        <img src="/app-icons/logo.png" alt="" width="80px" height="80px">
+      </div>
+    </div>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/App.vue b/src/App.vue
@@ -24,8 +24,7 @@
         </div>
       </v-navigation-drawer>
       <v-toolbar fixed app flat dense clipped-left class="header-bar">
-        <v-toolbar-side-icon class="btn" small @click.native.stop="drawer = !drawer"></v-toolbar-side-icon>
-        <v-toolbar-title v-text="title"></v-toolbar-title>
+        <img class="logo" src="@/assets/logo.png" width="28px" height="28px" @click="drawer = !drawer">
         <v-spacer></v-spacer>
         <v-btn class="btn" icon small @click="ipcRenderer.send('min-window')"><v-icon>remove</v-icon></v-btn>
         <v-btn class="btn" icon small @click="ipcRenderer.send('max-window')"><v-icon>add</v-icon></v-btn>
@@ -77,7 +76,6 @@ export default class App extends Vue {
     { icon: '🌁', title: '主 题', to: '/theme' },
     { icon: '⚙️', title: '配 置', to: '/setting' },
   ]
-  title = 'HVE'
 
   color?: string = 'success'
   snackbar?: boolean = false
@@ -206,11 +204,17 @@ export default class App extends Vue {
   .v-toolbar__content {
     background: #fff;
     box-shadow: 0 2px 3px rgba(21, 39, 57, 0.12);
+    padding: 0 12px;
   }
   .theme--light.v-footer {
     background: #fff;
     box-shadow: 0 -2px 3px rgba(21, 39, 57, 0.12);
     color: #545454;
     font-size: 12px;
   }
+
+  .logo {
+    cursor: pointer;
+    user-select: none;
+  }
 </style>
diff --git a/src/assets/logo.png b/src/assets/logo.png