feat(ui): about button in project manager

vuejs · Jun 15, 2018 · a242d73 · a242d73
1 parent 60722cb
commit a242d73
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/@vue/cli-ui/src/views/About.vue b/packages/@vue/cli-ui/src/views/About.vue
@@ -57,7 +57,7 @@ export default {
 
 .about
   padding 42px
-  max-width 900px
+  max-width 840px
   margin 0 auto
   box-sizing border-box
 

diff --git a/packages/@vue/cli-ui/src/views/ProjectSelect.vue b/packages/@vue/cli-ui/src/views/ProjectSelect.vue
@@ -56,6 +56,15 @@
         </div>
       </VueTab>
     </StepWizard>
+
+    <div class="top-menu">
+      <VueButton
+        :to="{ name: 'about' }"
+        class="flat icon-button"
+        icon-left="help"
+        v-tooltip="$t('views.about.title')"
+      />
+    </div>
   </div>
 </template>
 
@@ -119,4 +128,9 @@ export default {
 
 .project-select
   height 100%
+
+.top-menu
+  position fixed
+  top $padding-item
+  right $padding-item
 </style>