Added artwork,title,artist to playerbar

pull/17/head
Nikan Dalvand 2019-07-24 19:36:25 +04:30
parent 2046cd3261
commit e374b06c7e
1 changed files with 16 additions and 2 deletions

View File

@ -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>