docs(theme): add new freelancer theme

vuetifyjs · Jan 25, 2019 · 53e4e26 · 53e4e26
1 parent a0d8051
commit 53e4e26
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git a/packages/docs/src/components/themes/Premium.vue b/packages/docs/src/components/themes/Premium.vue
@@ -1,5 +1,5 @@
 <template>
-  <section id="themes-view">
+  <section id="premium-themes">
     <v-container
       pa-0
       fluid
@@ -12,7 +12,10 @@
           xs12
           md6
         >
-          <v-card height="100%">
+          <v-card
+            height="100%"
+            elevation="4"
+          >
             <v-img
               :src="template.src"
               height="350px"
@@ -38,6 +41,7 @@
             <v-card-text style="min-height: 95px;">{{ template.description }}</v-card-text>
             <v-card-actions class="grey lighten-4">
               <v-menu
+                v-if="template.demoUrl.length"
                 :disabled="template.demoUrl.length === 1"
                 transition="scale-transition"
                 origin="bottom left"
@@ -123,6 +127,14 @@
           url: 'https://www.creative-tim.com/product/vuetify-material-dashboard',
           demoUrl: ['https://demos.creative-tim.com/vuetify-material-dashboard/#/dashboard']
         },
+        {
+          title: vm.$t('Themes.Premium.templates.freelancer.title'),
+          description: vm.$t('Themes.Premium.templates.freelancer.description'),
+          src: 'https://cdn.vuetifyjs.com/images/starter/freelancer.png',
+          free: true,
+          url: 'https://github.com/vuetifyjs/theme-freelancer',
+          demoUrl: []
+        },
         {
           title: vm.$t('Themes.Premium.templates.parallax.title'),
           description: vm.$t('Themes.Premium.templates.parallax.description'),
@@ -143,3 +155,9 @@
     })
   }
 </script>
+
+<style>
+  #premium-themes .v-card {
+    border-radius: 6px;
+  }
+</style>
diff --git a/packages/docs/src/lang/en/themes/Premium.json b/packages/docs/src/lang/en/themes/Premium.json
@@ -16,6 +16,10 @@
       "title": "Material Dashboard",
       "description": "Vuetify Material Dashboard is a beautiful resource built over Vuetify, Vuex and Vuejs. It will help you get started developing dashboards in no time."
     },
+    "freelancer": {
+      "title": "Freelancer",
+      "description": "A single page Material inspired theme for Freelancers."
+    },
     "parallax": {
       "title": "Parallax",
       "description": "This beautiful single page parallax is a great home page for any application."