diff options
| -rw-r--r-- | components/Facebook/FacebookFindUsButton.vue | 29 |
1 files changed, 20 insertions, 9 deletions
diff --git a/components/Facebook/FacebookFindUsButton.vue b/components/Facebook/FacebookFindUsButton.vue index 9a27c11..05aa9f6 100644 --- a/components/Facebook/FacebookFindUsButton.vue +++ b/components/Facebook/FacebookFindUsButton.vue @@ -1,24 +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" /> + <a + class="button" + href="https://facebook.com/19pdhpuszcza" + target="_blank" + rel="noopener" + > + <div class="button-container"> + <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 { +.button:hover .button-container { background-color: #efefef; } +.button-container { + border: 2px solid #c4c4c4; + border-radius: 4px; + padding: 15px 40px; +} + .image { width: 200px; } @@ -32,4 +43,4 @@ width: 150px; } } -</style> \ No newline at end of file +</style> |