Commit 47d77e9f authored by Amy Yan's avatar Amy Yan

added some styling

parent b6962cc7
...@@ -13,9 +13,9 @@ ...@@ -13,9 +13,9 @@
<div class="download-item" v-for="(item,index) in downloadQueue"> <div class="download-item" v-for="(item,index) in downloadQueue">
<div class="cover" :style="'background-image: url(' + item.cover + '), url(' + require('@/assets/img/defaultAlbumArt.jpg') + ');'"></div> <div class="cover" :style="'background-image: url(' + item.cover + '), url(' + require('@/assets/img/defaultAlbumArt.jpg') + ');'"></div>
<div class="meta"> <div class="meta">
<div v-if="index != 0" /> <!--render this divider only on the first index of the array-->
<div class="title">{{ item.title }}</div> <div class="title">{{ item.title }}</div>
<div class="artist">{{ item.artist }}</div> <div class="artist">{{ item.artist }}</div>
<div class="progress-bar" v-if="index == 0"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -54,6 +54,7 @@ ...@@ -54,6 +54,7 @@
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
.download-overlay { .download-overlay {
position: fixed; position: fixed;
z-index: 10; z-index: 10;
...@@ -129,6 +130,15 @@ ...@@ -129,6 +130,15 @@
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
} }
& .progress-bar{
opacity: 1;
color: green;
background: green !important;
align-self: center;
z-index: 100;
height: 100%;
width: 100%;
}
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment