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-05 11:56:11 -0500
committerGitHub <noreply@github.com>2019-12-05 11:56:11 -0500
commitcd7fa1fb5d499e51b9f2bc833159ee4581b8f2a8 (patch)
treebe10296e0268295db20c536af045c5df6c829a0e /components/JoinUs.vue
parent070b7725be5fb0db486e9370bea5648c16c8bbfe (diff)
parent34908ab59f58f3d5b229867c84d8b51b07c777d4 (diff)
downloadpuszcza-cd7fa1fb5d499e51b9f2bc833159ee4581b8f2a8.tar.gz
puszcza-cd7fa1fb5d499e51b9f2bc833159ee4581b8f2a8.zip
Merge pull request #13 from 19pdh/storybook
Storybook
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;
 }