about summary refs log tree commit diff
path: root/components/JoinUs.vue
diff options
context:
space:
mode:
authorPatryk Niedźwiedziński <pniedzwiedzinski19@gmail.com>2019-12-06 17:42:16 -0500
committerGitHub <noreply@github.com>2019-12-06 17:42:16 -0500
commitc1bb2e70e0a85227df899eccc6ac8cf661afe350 (patch)
treea12f43e34e0d32e68f0a14c9512b2b08af54829b /components/JoinUs.vue
parentfaaf63ad895bd51541a9984273d52c71645a0b28 (diff)
parentc7306cfdbaa50c89639fe38bb1b4005ed3555422 (diff)
downloadpuszcza-c1bb2e70e0a85227df899eccc6ac8cf661afe350.tar.gz
puszcza-c1bb2e70e0a85227df899eccc6ac8cf661afe350.zip
Merge pull request #14 from 19pdh/develop
Storybook and license
Diffstat (limited to 'components/JoinUs.vue')
-rw-r--r--components/JoinUs.vue18
1 files changed, 14 insertions, 4 deletions
diff --git a/components/JoinUs.vue b/components/JoinUs.vue
index f534d22..d8bfadf 100644
--- a/components/JoinUs.vue
+++ b/components/JoinUs.vue
@@ -4,13 +4,22 @@
       <div class="title">
         <div class="text">Rozpocznij swoją harcerską przygodę!</div>
       </div>
-      <div class="button">
-        <router-link to="/kontakt">Dołącz do nas!</router-link>
-      </div>
+      <plain-button @click="$router.push('/kontakt')" text="Dołącz do nas" />
     </div>
   </section>
 </template>
 
+<script>
+import PlainButton from './Buttons/PlainButton'
+
+export default {
+  name: 'JoinUs',
+  components: {
+    PlainButton
+  }
+}
+</script>
+
 <style scoped>
 .joinus {
   width: 100%;
@@ -53,10 +62,11 @@
   background-color: #507b34;
   padding: 10px;
   max-width: 150px;
+  color: #ffffff;
+  text-align: center;
 }
 
 .button a {
-  color: #ffffff;
   text-decoration: none;
 }