diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-30 10:08:13 +0200 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-08-30 10:08:13 +0200 |
| commit | 768b047e89f419deca3ddd00af7cb75209de97b6 (patch) | |
| tree | 2e94259cc97a4370897278b6845ce5a7ddf31629 /components/FacebookFindUsButton.vue | |
| parent | cef8ab49453e4ce8a2e19de4e27862b059f7d9d9 (diff) | |
| download | puszcza-768b047e89f419deca3ddd00af7cb75209de97b6.tar.gz puszcza-768b047e89f419deca3ddd00af7cb75209de97b6.zip | |
Move to nuxtjs
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 |