+
-
-
-
Soundtrack
-
Compilation
-
Single
-
Album
+
+
+
+ Soundtrack
+ Compilation
+ Single
+ Album
+
+
+ {{ album.title }}
+
-
- {{ album.title }}
+
+
+ {{ album.artist }} • {{ album.date }} • {{ album.count }} Tracks •
+ {{ formatSeconds(album.duration, true) }}
+
+
-
-
- {{ album.artist }} • {{ album.date }} • {{ album.count }} Tracks •
- {{ formatSeconds(album.duration, true) }}
-
-
-
-
-
+ >
@@ -117,21 +117,6 @@ useVisibility(albumheaderthing, handleVisibilityState);
}
}
- .art {
- grid-area: artist;
- display: flex;
- align-items: flex-end;
- position: relative;
-
- img {
- height: 6rem;
- aspect-ratio: 1;
- object-fit: cover;
- transition: all 0.2s ease-in-out;
- user-select: none;
- }
- }
-
.nocontrast {
color: $black;
}
@@ -140,7 +125,14 @@ useVisibility(albumheaderthing, handleVisibilityState);
width: 100%;
display: flex;
flex-direction: column;
- justify-content: flex-end;
+ justify-content: space-between;
+
+ img {
+ height: 6rem;
+ aspect-ratio: 1;
+ object-fit: cover;
+ user-select: none;
+ }
.top {
.h {
diff --git a/src/components/LeftSidebar/Navigation.vue b/src/components/LeftSidebar/Navigation.vue
index 9a42351..f8f1cda 100644
--- a/src/components/LeftSidebar/Navigation.vue
+++ b/src/components/LeftSidebar/Navigation.vue
@@ -1,7 +1,7 @@
@@ -22,12 +22,17 @@