Update appFooter.vue in attempt to fix #9336 (#9348)

* Update appFooter.vue in attempt to fix #9336

Make whole social circle clickable.
Replace div with `a` tag allowing whole circle to become a link.

* Indent and reformat "Not ready yet" Instagram button.
This commit is contained in:
Andrew
2017-11-15 16:35:16 +00:00
committed by Matteo Pagliazzi
parent 8033e7c0a0
commit 69b69e9d27

View File

@@ -62,14 +62,11 @@
a(href='http://devs.habitica.com/', target='_blank') {{ $t('devBlog') }}
.col-6.social
h3 {{ $t('footerSocial') }}
.social-circle
a(href='https://twitter.com/habitica', target='_blank')
a.social-circle(href='https://twitter.com/habitica', target='_blank')
.social-icon.svg-icon(v-html='icons.twitter')
// @TODO: Not ready yet .social-circle
a(href='https://www.instagram.com/habitica/', target='_blank')
// TODO: Not ready yet. a.social-circle(href='https://www.instagram.com/habitica/', target='_blank')
.social-icon.svg-icon.instagram(v-html='icons.instagram')
.social-circle
a(href='https://www.facebook.com/Habitica', target='_blank')
a.social-circle(href='https://www.facebook.com/Habitica', target='_blank')
.social-icon.facebook.svg-icon(v-html='icons.facebook')
.row
.col-10 {{ $t('donateText3') }}