MainFooter.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <footer class='footer'>
  3. <div class='container'>
  4. <div class='content has-text-centered'>
  5. <p>
  6. © Copyright Musare 2015 - 2018
  7. </p>
  8. <p>
  9. <a class='icon' href='https://github.com/Musare/MusareNode' target='_blank' title='GitHub Repository'>
  10. <img src='/assets/social/github.svg'/>
  11. </a>
  12. <a class='icon' href='https://twitter.com/MusareApp' target='_blank' title='Twitter Account'>
  13. <img src='/assets/social/twitter.svg'/>
  14. </a>
  15. <a class='icon' href='https://www.facebook.com/MusareMusic/' target='_blank' title='Facebook Page'>
  16. <img src='/assets/social/facebook.svg'/>
  17. </a>
  18. <a class='icon' href='https://discord.gg/Y5NxYGP' target='_blank' title='Discord Server'>
  19. <img src='/assets/social/discord.svg'/>
  20. </a>
  21. </p>
  22. </div>
  23. </div>
  24. </footer>
  25. </template>
  26. <style lang='scss' scoped>
  27. .content a:not(.button) { border: 0; }
  28. .content {
  29. display: flex;
  30. align-items: center;
  31. flex-direction: column;
  32. }
  33. .icon:hover { color: #90298C !important; }
  34. .nightMode {
  35. .footer {
  36. background-color: rgb(51, 51, 51);
  37. .content {
  38. color: #e6e6e6;
  39. }
  40. }
  41. }
  42. </style>