PackageDetail.vue: add download button

dmstern · Nov 5, 2018 · ae053d9 · ae053d9
1 parent a54b09c
commit ae053d9
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -435,9 +435,9 @@ th {
   .subheading &,
   .heading &,
   .title &,
-  .subtitle & .link--external & {
-    font-size: inherit;
-    transform: none;
+  .subtitle & .link--external &,
+  .v-btn:not(.v-btn--icon) & {
+    font-size: 1.2em;
   }
 }
 

diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
@@ -19,7 +19,8 @@ export const icons = {
   tags: 'fas fa-tags',
   package: 'mdi-package-variant-closed',
   author: 'fas fa-user-circle',
-  install: 'fas fa-download',
+  download: 'fas fa-download',
+  install: 'mdi-package-down',
   version: 'fas fa-code-branch',
   legal: 'fas fa-balance-scale',
   code: 'fas fa-code',

diff --git a/src/views/PackageDetail.vue b/src/views/PackageDetail.vue
@@ -191,6 +191,14 @@
           <PackageDetailItem title="install" :bigContent="false" v-if="data.config && data.config.artifactory" :icon="$vuetify.icons.install" :full="true">
             <CodeBlock :code="getInstallCode().config" language="bash"></CodeBlock>
             <CodeBlock :code="getInstallCode().install" language="bash"></CodeBlock>
+            <v-btn
+              color="success"
+              class="v-btn--standalone"
+              :href="data.versionsHistory[data.currentPackage.version].dist.tarball"
+            >
+              <v-icon left dark>{{$vuetify.icons.download}}</v-icon>
+              <span>Direct Download</span>
+            </v-btn>
           </PackageDetailItem>
           <PackageDetailItem title="Version" :icon="$vuetify.icons.version">
             <span>{{data.currentPackage.version}}</span>
@@ -674,6 +682,12 @@ export default class PackageDetail extends Vue {
   }
 }
 
+.v-btn--standalone {
+  .v-card & {
+    margin-left: 0;
+  }
+}
+
 .transition {
   transition: $transition-smooth;
 }