diff options
| author | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-03 12:13:26 +0100 |
|---|---|---|
| committer | Patryk Niedźwiedziński <pniedzwiedzinski19@gmail.com> | 2019-12-03 12:13:26 +0100 |
| commit | 64b16669dcab8c0c29c377d12ff6b996b5caa0d3 (patch) | |
| tree | eb2a5c1f0ac075e3bf845dcb93060a92bf64c7c1 /components/Facebook | |
| parent | 7f17fe3486652732565f2be303c536464507c713 (diff) | |
| download | puszcza-64b16669dcab8c0c29c377d12ff6b996b5caa0d3.tar.gz puszcza-64b16669dcab8c0c29c377d12ff6b996b5caa0d3.zip | |
Fix FindUsButton margin
Diffstat (limited to 'components/Facebook')
| -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> |