Added artwork,title,artist to playerbar
parent
2046cd3261
commit
e374b06c7e
|
|
@ -1,6 +1,10 @@
|
||||||
<template>
|
<template>
|
||||||
<section>
|
<section>
|
||||||
Player
|
<img class="artwork" src="/static/demo/artwork-4.png" />
|
||||||
|
<div>
|
||||||
|
<p class="title">Perfidia</p>
|
||||||
|
<p class="artist">Nat King Cole</p>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
@ -13,6 +17,16 @@ export default {
|
||||||
<style lang="sass" scoped>
|
<style lang="sass" scoped>
|
||||||
section
|
section
|
||||||
display: flex
|
display: flex
|
||||||
|
align-items: center
|
||||||
border-top: 1px solid rgba(0,0,0,0.1)
|
border-top: 1px solid rgba(0,0,0,0.1)
|
||||||
height: 4.5rem
|
height: 84px
|
||||||
|
img.artwork
|
||||||
|
height: 100%
|
||||||
|
width: auto
|
||||||
|
border-radius: 2px
|
||||||
|
p.title,p.artist
|
||||||
|
font-size: .8rem
|
||||||
|
margin: 8px 10px
|
||||||
|
p.artist
|
||||||
|
color: lighten(black,45)
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue