diff --git a/src/components/AlbumView/Header.vue b/src/components/AlbumView/Header.vue index 8d10478..26d256b 100644 --- a/src/components/AlbumView/Header.vue +++ b/src/components/AlbumView/Header.vue @@ -9,7 +9,7 @@ }" >
-
+
-
-
- 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 @@