mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 13:08:01 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Changes:

Browse source 
- Closes #14
- Removed margin for player (#9)
- Bug Fixes
- Blur theme
This commit is contained in:
Shiny Nematoda 2022-08-25 11:53:13 +00:00
parent 6b349380af
commit 8548a3646e
No known key found for this signature in database
GPG key ID: 6506D50F5613A42D
11 changed files with 85 additions and 99 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/components/StatusBar.vue
View file

@ -118,38 +118,40 @@ function Save() {
player.state.lyrics ? player.toggle('lyrics') : '';
player.state.info ? player.toggle('info') : '';
"></button>
<div id="menu" v-if="showme.menu" class="popup">
<button
id="info-btn"
class="bi bi-info-circle"
aria-label="Show Information About Song"
@click="player.toggle('info')"></button>
<button
id="addToPlaylist"
title="Add Current Song to a Playlist"
aria-label="Add Current Song to a Playlist"
class="bi bi-collection"
@click="Save"></button>
<button
id="list-btn"
title="Current Playlist"
aria-label="Current Playlist"
class="bi bi-music-note-list"
:data-active="player.state.playlist"
@click="player.toggle('playlist')"></button>
<button
id="btn-lyrics"
class="bi bi-file-music"
:data-active="player.state.lyrics"
@click="player.toggle('lyrics')"></button>
<button
id="loop-btn"
title="Loop"
aria-label="Loop"
class="bi bi-infinity"
:data-active="player.state.loop"
@click="player.toggle('loop')"></button>
</div>
<Transition name="fade">
<div id="menu" v-if="showme.menu" class="popup">
<button
id="info-btn"
class="bi bi-info-circle"
aria-label="Show Information About Song"
@click="player.toggle('info')"></button>
<button
id="addToPlaylist"
title="Add Current Song to a Playlist"
aria-label="Add Current Song to a Playlist"
class="bi bi-collection"
@click="Save"></button>
<button
id="list-btn"
title="Current Playlist"
aria-label="Current Playlist"
class="bi bi-music-note-list"
:data-active="player.state.playlist"
@click="player.toggle('playlist')"></button>
<button
id="btn-lyrics"
class="bi bi-file-music"
:data-active="player.state.lyrics"
@click="player.toggle('lyrics')"></button>
<button
id="loop-btn"
title="Loop"
aria-label="Loop"
class="bi bi-infinity"
:data-active="player.state.loop"
@click="player.toggle('loop')"></button>
</div>
</Transition>
</div>
</div>
</template>
@ -165,12 +167,8 @@ function Save() {
background: var(--color-background);
min-height: 15vh;
}
.statusbar-left {
margin-left: auto;
}
.statusbar-right {
margin-left: 0.5rem;
margin-right: auto;
}
.bi-play,
.bi-pause {