convert songlist table to grid

This commit is contained in:
geoffrey45
2022-03-13 08:58:28 +03:00
parent 658e7cdbb7
commit 092d967f49
7 changed files with 164 additions and 194 deletions
+12 -12
View File
@@ -1,6 +1,6 @@
<template>
<div class="album-h" @contextmenu="hideShowContext">
<ContextMenu />
<div class="album-h" @contextmenu="hideShowContext" id="album-h">
<!-- <ContextMenu /> -->
<div class="a-header">
<div
class="image art shadow-lg"
@@ -35,11 +35,11 @@
<script setup>
import state from "@/composables/state.js";
import perks from "@/composables/perks.js";
import ContextMenu from "../contextMenu.vue";
import { reactive, ref } from "vue";
import useContextStore from "@/stores/context.js";
// import ContextMenu from "../contextMenu.vue";
// import { reactive, ref } from "vue";
// import useContextStore from "@/stores/context.js";
const contextStore = useContextStore();
// const contextStore = useContextStore();
const props = defineProps({
album_info: {
@@ -48,14 +48,14 @@ const props = defineProps({
},
});
const hideShowContext = (e) => {
e.preventDefault();
e.stopPropagation();
// const hideShowContext = (e) => {
// e.preventDefault();
// e.stopPropagation();
contextStore.showContextMenu(e);
};
// contextStore.showContextMenu(e);
// };
const context_hide = ref(true);
// const context_hide = ref(true);
function playAlbum() {
perks.updateQueue(state.album.tracklist[0], "album");