diff --git a/src/assets/svg/music.svg b/src/assets/svg/music.svg new file mode 100644 index 0000000..08909d4 --- /dev/null +++ b/src/assets/svg/music.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + diff --git a/src/components/footer.vue b/src/components/footer.vue index 6a80a49..458a040 100644 --- a/src/components/footer.vue +++ b/src/components/footer.vue @@ -45,7 +45,10 @@ - + @@ -53,6 +56,7 @@ import { RouterLink } from 'vue-router'; import social from './home/libs/social.vue'; + import music from './footer/music.vue'; import mailSvg from '@/assets/img/mail.svg'; import lineImg from '@/assets/img/line.png'; @@ -184,12 +188,6 @@ margin: auto; color:black; } - - #footer_little_text{ - font-size: 0.8em; - margin: 0; - margin-left: 20px; - } #footer_right_div{ width: fit-content; min-width: 100px; @@ -219,4 +217,22 @@ height: 50px; cursor: pointer; } + + #footer_bottom{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + width: 100%; + justify-content: space-between; + align-items: flex-end; + } + #footer_little_text{ + font-size: 0.8em; + margin: 0; + margin-left: 20px; + } + #music_button{ + margin-right: 15px; + margin-bottom: 5px; + } \ No newline at end of file diff --git a/src/components/footer/music.vue b/src/components/footer/music.vue new file mode 100644 index 0000000..8b18ad3 --- /dev/null +++ b/src/components/footer/music.vue @@ -0,0 +1,34 @@ + + + + + \ No newline at end of file