mirror of
https://github.com/Dvorinka/swingmusic-extended.git
synced 2026-06-04 12:33:03 +00:00
show existing image on update playlist modal
+ some modal cleanup
This commit is contained in:
@@ -4,7 +4,7 @@
|
||||
<br />
|
||||
<input
|
||||
type="text"
|
||||
class="rounded"
|
||||
class="rounded-sm"
|
||||
name="name"
|
||||
id="modal-playlist-name-input"
|
||||
/>
|
||||
|
||||
@@ -28,7 +28,9 @@
|
||||
id="update-pl-img-preview"
|
||||
class="image"
|
||||
:style="{
|
||||
backgroundImage: `url(${props.playlist.image})`,
|
||||
backgroundImage: `url(${
|
||||
paths.images.playlist + props.playlist.image
|
||||
})`,
|
||||
}"
|
||||
/>
|
||||
</div>
|
||||
@@ -41,6 +43,7 @@ import { updatePlaylist } from "@/composables/fetch/playlists";
|
||||
import { Playlist } from "@/interfaces";
|
||||
import usePStore from "@/stores/pages/playlist";
|
||||
import { onMounted } from "vue";
|
||||
import { paths } from "@/config";
|
||||
|
||||
const pStore = usePStore();
|
||||
|
||||
@@ -132,6 +135,7 @@ function update_playlist(e: Event) {
|
||||
place-items: center;
|
||||
color: $gray1;
|
||||
margin: $small 0;
|
||||
cursor: pointer;
|
||||
|
||||
#update-pl-img-preview {
|
||||
width: 4.5rem;
|
||||
|
||||
Reference in New Issue
Block a user