janishutz/MusicPlayer
1
0
Fork 0
mirror of https://github.com/janishutz/MusicPlayerV2.git synced 2025-11-26 05:14:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

restart frontend development (now vite)

Browse Source
This commit is contained in:
janis
2023-10-16 16:37:52 +02:00
parent 2d907f052b
commit b0891022e7
28 changed files with 353 additions and 26168 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
frontend/src/views/HomeView.vue
View File

@@ -1,72 +1,4 @@
<template>
<div class="home">
<div class="top-bar">
<img src="@/assets/logo.png" alt="logo" class="logo">
<div class="player-wrapper">
</div>
</div>
<div class="pool-wrapper">
<mediaPool></mediaPool>
</div>
</div>
<main>
</main>
</template>
<style>
.home {
width: 100%;
height: 100%;
}
.pool-wrapper {
height: 84vh;
}
.top-bar {
margin-left: auto;
margin-right: auto;
width: 99%;
height: 15vh;
display: flex;
align-items: center;
flex-direction: row;
border: var( --primary-color ) 2px solid;
}
.player-wrapper {
width: 70vw;
margin-right: auto;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.logo {
height: 90%;
margin-left: 3%;
margin-right: auto;
}
</style>
<script>
import mediaPool from '@/components/mediaPool.vue';
export default {
name: 'HomeView',
components: {
mediaPool,
},
data() {
return {
hasLoadedSongs: false,
songQueue: [],
}
},
methods: {
loadSongs() {
}
}
}
</script>