diff --git a/src/components/Player/Bar.vue b/src/components/Player/Bar.vue
index 519df94..1fb6d78 100644
--- a/src/components/Player/Bar.vue
+++ b/src/components/Player/Bar.vue
@@ -13,7 +13,7 @@
@volumechange="volume = audio.volume" />
audio.fastSeek(event.x * duration / event.target.offsetWidth)">
@@ -27,18 +27,39 @@
{{ episode.podcastName }}
- audio.pause()" />
- audio.play()" />
+ audio.pause()" />
+ audio.play()" />
+
{{ formatTimer(new Date(currentTime*1000)) }}
/
{{ formatTimer(new Date(duration*1000)) }}
-
-
-
-
+
+
+
+
@@ -46,8 +67,9 @@
@@ -107,16 +141,32 @@ export default {
display: flex;
flex-direction: column;
justify-content: center;
- width: 44%;
+ width: 45%;
}
.player {
display: flex;
gap: 1rem;
height: calc(6rem - 6px);
+ justify-content: space-between;
}
- .progress {
+ .pointer {
cursor: pointer;
}
+
+ .time, .volume {
+ align-items: center;
+ display: flex;
+ gap: 5px;
+ justify-content: center;
+ }
+
+ .time {
+ width: 25%;
+ }
+
+ .volume {
+ width: 10%;
+ }