TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 04:23:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

add a new playlist view header

Browse Source
This commit is contained in:
geoffrey45
2022-01-19 02:10:56 +03:00
parent a3d1b3aaea
commit 06f1e53fa1
14 changed files with 247 additions and 364 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AlbumView/Header.vue
+4 -4
View File
@@ -1,6 +1,6 @@
<template>
<div class="album-h">
<div class="a-header rounded card-dark">
<div class="a-header rounded card-dark border">
<div
class="art rounded border"
:style="{
@@ -12,7 +12,7 @@
<div class="title">{{ album_info.name }}</div>
<div class="artist">{{ album_info.artist }}</div>
</div>
<div class="separator"></div>
<div class="separator no-border"></div>
<div class="bottom">
<div class="stats">
{{ album_info.count }} Tracks • {{ album_info.duration }} • 2021
@@ -24,7 +24,7 @@
</div>
</div>
</div>
<div class="right rounded card-dark">
<div class="right rounded card-dark border">
<div class="circle circular"></div>
<div class="rect rounded"></div>
<div
@@ -61,6 +61,7 @@ export default {
gap: $small;
position: relative;
overflow: hidden;
height: 15rem;
.right {
padding: $small;
@@ -132,7 +133,6 @@ export default {
}
.a-header {
position: relative;
height: 14rem;
overflow: hidden;
display: flex;
align-items: center;