diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-10-01 19:42:19 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-10-01 19:42:19 +0200 |
| commit | 11b4d4779d7c955f99ababa5b7abe9281912de08 (patch) | |
| tree | be6289a6c5972312584cc315425171b828c8bf58 /components/FacebookFindUsButton.vue | |
| parent | 89837b8756590bd97b82450c6a445702f7ab5077 (diff) | |
| parent | 89a60dbbbadee2fbccddddc47e92aaf8dce6525a (diff) | |
| download | puszcza-11b4d4779d7c955f99ababa5b7abe9281912de08.tar.gz puszcza-11b4d4779d7c955f99ababa5b7abe9281912de08.zip | |
Merge pull request #2 from 19pdh/develop
Merge from develop
Diffstat (limited to 'components/FacebookFindUsButton.vue')
| -rw-r--r-- | components/FacebookFindUsButton.vue | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/components/FacebookFindUsButton.vue b/components/FacebookFindUsButton.vue new file mode 100644 index 0000000..9a27c11 --- /dev/null +++ b/components/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 |