TDvorak/swingmusic-extended
1
0
Fork 0
mirror of https://github.com/Dvorinka/swingmusic-extended.git synced 2026-06-04 04:23:01 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

iniitialize project teardown

Browse Source
This commit is contained in:
geoffrey45
2022-03-07 06:49:56 +03:00
parent 7f2102f931
commit b930fc0ca6
28 changed files with 184 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/BottomBar/BottomBar.vue
+5 -6
View File
@@ -1,5 +1,5 @@
<template>
<div class="b-bar ">
<div class="b-bar">
<div class="grid rounded">
<div class="controlsx rounded">
<div class="controls controls-bottom">
@@ -13,9 +13,9 @@
}}</span>
</div>
<div class="r-group">
<div class="heart image"></div>
<div class="add-to image"></div>
<div class="repeat image"></div>
<div id="heart" class="image ctrl-btn"></div>
<div id="add-to" class="image ctrl-btn"></div>
<div id="repeat" class="image ctrl-btn"></div>
</div>
<div class="controls controls-bottom"></div>
</div>
@@ -32,7 +32,6 @@ import state from "../../composables/state";
import perks from "../../composables/perks";
import playAudio from "../../composables/playAudio";
const current_pos = playAudio.current_time
const current_pos = playAudio.current_time;
const formatSeconds = perks.formatSeconds;
</script>
src/components/RightSideBar/Tabs.vue
+1 -1
View File
@@ -59,7 +59,7 @@ const tabs = useTabStore()
}
.home {
background-image: url("../../assets/icons/dashboard.svg");
background-image: url("../../assets/icons/home.svg");
}
}
</style>
src/components/shared/HotKeys.vue
+4 -16
View File
@@ -1,12 +1,12 @@
<template>
<div class="nav">
<div class="image" id="previous" @click="playPrev"></div>
<div class="image ctrl-btn" id="previous" @click="playPrev"></div>
<div
class="image play-pause"
class="image ctrl-btn play-pause"
@click="playPause"
:class="{ isPlaying: isPlaying }"
></div>
<div class="image" id="next" @click="playNext"></div>
<div class="image ctrl-btn" id="next" @click="playNext"></div>
</div>
</template>
@@ -27,24 +27,12 @@ const isPlaying = playAudio.playing;
width: 100%;
gap: $small;
& * {
height: 2rem;
width: 2rem;
background-size: 1.2rem !important;
cursor: pointer;
border-radius: 0.5rem;
&:hover {
background-color: $pink;
}
}
#previous {
background-image: url(../../assets/icons/previous.svg);
}
.play-pause {
background-image: url(../../assets/icons/play.svg);
background-image: url(../../assets/icons/play.svg) !important;
}
.isPlaying {