fix indices on album page

+ fix playing on album page
+ fix songItem responsiveness on all virtual scroll pages
This commit is contained in:
geoffrey45
2022-10-08 15:16:34 +03:00
committed by Mungai Njoroge
parent 9cde9d0aa4
commit f0df274b31
9 changed files with 97 additions and 46 deletions
+3 -3
View File
@@ -10,7 +10,7 @@
: '',
}"
>
<div class="big-img no-scroll" :class="{ imgSmall: widthIsSmall }">
<div class="big-img no-scroll" :class="{ imgSmall: albumHeaderSmall }">
<img :src="imguri.thumb.large + album.image" class="rounded" />
</div>
<div
@@ -44,7 +44,7 @@
/>
</div>
</div>
<div class="art" v-if="!widthIsSmall">
<div class="art" v-if="!albumHeaderSmall">
<img
:src="imguri.artist + album.artistimg"
class="shadow-lg circular"
@@ -59,7 +59,7 @@
import { ref } from "vue";
import { paths } from "@/config";
import { isSmall as widthIsSmall } from "@/stores/content-width";
import { albumHeaderSmall } from "@/stores/content-width";
import useNavStore from "@/stores/nav";
import useAlbumStore from "@/stores/pages/album";
import { formatSeconds, useVisibility } from "@/utils";
+3 -3
View File
@@ -36,7 +36,7 @@
<ArtistName :artists="track.artist" :albumartist="track.albumartist" />
</div>
<router-link
v-if="!no_album"
v-if="!hide_album"
class="song-album ellip"
v-tooltip
:to="{
@@ -65,7 +65,7 @@ import { ref } from "vue";
import { showTrackContextMenu as showContext } from "@/composables/context";
import { paths } from "@/config";
import { AlbumDisc, Track } from "@/interfaces";
import { Track } from "@/interfaces";
import { formatSeconds } from "@/utils";
import HeartSvg from "@/assets/icons/heart.svg";
@@ -83,7 +83,7 @@ const props = defineProps<{
index: Number | String;
isCurrent: Boolean;
isCurrentPlaying: Boolean;
no_album?: Boolean;
hide_album?: Boolean;
}>();
const emit = defineEmits<{