show existing image on update playlist modal

+ some modal cleanup
This commit is contained in:
geoffrey45
2022-09-15 17:09:20 +03:00
parent 94eb198e47
commit 65cd2213fa
7 changed files with 22 additions and 20 deletions
+1 -1
View File
@@ -4,7 +4,7 @@
<br />
<input
type="text"
class="rounded"
class="rounded-sm"
name="name"
id="modal-playlist-name-input"
/>
+5 -1
View File
@@ -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;