fix: better progress bar alignment

ThaUnknown · Apr 11, 2022 · e116106 · e116106
1 parent aa16c10
commit e116106
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "Miru",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "author": "ThaUnknown_ <ThaUnknown@users.noreply.github.com>",
   "main": "src/index.js",
   "homepage": "https://github.com/ThaUnknown/miru#readme",

diff --git a/src/renderer/src/lib/pages/Player.svelte b/src/renderer/src/lib/pages/Player.svelte
@@ -861,7 +861,7 @@
     {/if}
     <div class="w-full d-flex align-items-center" data-name="progressWrapper">
       <div class="ts">{toTS(targetTime, duration > 3600 ? 2 : 3)}</div>
-      <div class="w-full h-full position-relative">
+      <div class="w-full h-full position-relative d-flex align-items-center">
         <canvas class="position-absolute buffer w-full" height="1px" bind:this={bufferCanvas} />
         <input
           class="ctrl w-full h-full prog"
@@ -1161,8 +1161,6 @@
   }
   canvas.buffer {
     height: 3px;
-    top: 50%;
-    transform: translate(0, -50%);
     z-index: -1;
   }
   .bottom .volume:hover input[type='range'] {