KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2026-02-12 04:19:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

SOme vuetify things

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2019-11-18 12:15:35 +01:00
parent 0501a7ebbb
commit f9f03b0e03
12 changed files with 201 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/components/playlist/Playlist.vue
View File

@@ -12,14 +12,13 @@
:duration="song.duration"
@contextmenu="moreInfo"
/>
<div class="song-context-button" @click="moreInfo($event, song.id)">. . .</div>
</div>
<div class="pagination-buttons">
<button @click="firstPage" :disabled="disabledPrev" class="first"><</button>
<button @click="prevPage" :disabled="disabledPrev">previous</button>
<v-btn text @click="firstPage" :disabled="disabledPrev" class="first"><</v-btn>
<v-btn text @click="prevPage" :disabled="disabledPrev">previous</v-btn>
<span>{{ page + 1 }} / {{ pages }}</span>
<button @click="nextPage" :disabled="disabledNext">next</button>
<button @click="lastPage" :disabled="disabledNext" class="last">></button>
<v-btn text @click="nextPage" :disabled="disabledNext">next</v-btn>
<v-btn text @click="lastPage" :disabled="disabledNext" class="last">></v-btn>
</div>
<ContextMenu
v-if="contextMenuOpen"
@@ -121,36 +120,8 @@ export default {
.playlist-conatiner {
background-color: #2d2d2d;
padding-top: 5px;
& .playlist-element {
display: flex;
flex-direction: row;
box-shadow: 0px 0px 2px #000000;
border-radius: 5px;
background: #2d2d2d;
color: white;
margin: 5px 5px;
cursor: pointer;
&:hover {
box-shadow: 0px 0px 3px #000000;
}
&:active {
background: #000000;
}
& .song {
width: 90%;
}
& .song-context-button {
width: 10%;
display: flex;
justify-content: center;
align-items: center;
border-left: 1px solid black;
}
}
margin:auto;
width: 100%;
.pagination-buttons {
display: flex;