Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix player styling

Browse Source
This commit is contained in:
Jonas Heinrich 2020-11-12 11:37:30 +01:00
parent 0e9f69c178
commit f3c64ac7b1
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Player.vue
View File

@ -22,9 +22,9 @@
:value="player.volume" :value="player.volume"
@input="changeVolume($event)" @input="changeVolume($event)"
@change="saveVolume($event)"> @change="saveVolume($event)">
<span class="playerMetadata"> <div class="playerMetadata">
{{ player.title }} {{ player.title }}
</span> </div>
</div> </div>
</template> </template>
@ -54,6 +54,10 @@ export default {
<style> <style>
#app-settings {
margin-bottom: -5px;
}
.wrap { .wrap {
background: var(--color-main-background); background: var(--color-main-background);
border: 3px solid #0082c9; border: 3px solid #0082c9;
@ -100,9 +104,14 @@ export default {
} }
.playerMetadata{ .playerMetadata{
position: relative;
left: 5px;
top: -20px;
width: 203px;
height: 20px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
background: red; text-overflow: ellipsis;
} }
.volumeIcon { .volumeIcon {

2
src/store.js
View File

@ -15,7 +15,7 @@ export default new Vuex.Store({
isPaused: false, isPaused: false,
volume: 0.5, volume: 0.5,
oldVolume: 0, oldVolume: 0,
title: 'test', title: '',
}, },
menu: 'top', menu: 'top',
}, },