diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-21 20:06:48 +0200 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-21 20:06:48 +0200 |
| commit | 82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1 (patch) | |
| tree | 62994273e46586baa717ca62c402f62b9c6d12d6 /components/Facebook/FacebookFindUsButton.vue | |
| parent | 17fc6a6b4507e5535d8b6989b66da5bac323e87b (diff) | |
| download | puszcza-82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1.tar.gz puszcza-82cd395bf7deb8f1df95be5a0bb3f59d0b1108e1.zip | |
Add Facebook components
Diffstat (limited to 'components/Facebook/FacebookFindUsButton.vue')
| -rw-r--r-- | components/Facebook/FacebookFindUsButton.vue | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue new file mode 100644 index 0000000..9a27c11 --- /dev/null +++ b/components/Facebook/FacebookFindUsButton.vue @@ -0,0 +1,35 @@ +<template> + <a href="https://facebook.com/19pdhpuszcza" target="_blank" rel="noopener"> + <div class="button"> + <img class="image" src="/assets/social/find_us_fb.png" alt="Find us on Facebook" /> + </div> + </a> +</template> + +<style scoped> +.button { + border: 2px solid #c4c4c4; + border-radius: 4px; + + padding: 15px 40px; + margin: 10px; +} + +.button:hover { + background-color: #efefef; +} + +.image { + width: 200px; +} + +@media (max-width: 500px) { + a { + width: 100%; + } + + .image { + width: 150px; + } +} +</style> \ No newline at end of file |