refine style (#843)

* refine style * refine 404 style * refine
2018-07-06 11:19:53 +08:00
parent a575670cef
commit d98c5032f8
9 changed files with 57 additions and 30 deletions
--- a/src/views/layout/components/AppMain.vue
+++ b/src/views/layout/components/AppMain.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="app-main" style="min-height: 100%">
+  <section class="app-main">
    <transition name="fade-transform" mode="out-in">
      <keep-alive :include="cachedViews">
        <router-view :key="key"></router-view>
@@ -21,3 +21,15 @@ export default {
  }
 }
 </script>
+
+<style scoped>
+.app-main {
+  position: absolute;
+  top: 84px; /* navbar + tags-view = 50 +34 */
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+}
+</style>
+