优化UI

src/renderer/components/common/ProgressBar.vue

@@ -96,13 +96,13 @@ export default {
 .progress {
   width: 100%;
   height: 5px;
-  // overflow: hidden;
+  overflow: hidden;
   transition: @transition-normal;
   transition-property: background-color;
   background-color: var(--color-primary-light-100-alpha-800);
   // background-color: #f5f5f5;
   position: relative;
-  // border-radius: 20px;
+  border-radius: 40px;
 }
 .progress-mask {
   position: absolute;
@@ -119,7 +119,6 @@ export default {
   width: 100%;
   height: 100%;
   transform-origin: 0;
-  // border-radius: 20px;
 }
 .progress-bar1 {
   background-color: var(--color-primary-light-100-alpha-600);

src/renderer/components/common/VolumeBar.vue

@@ -92,8 +92,8 @@ export default {
   // cursor: pointer;
   width: 100%;
   height: 5px;
-  // border-radius: 10px;
-  // overflow: hidden;
+  border-radius: 20px;
+  overflow: hidden;
   transition: @transition-normal;
   transition-property: background-color, opacity;
   background-color: var(--color-primary-alpha-700);

src/renderer/components/common/VolumeBtn.vue

@@ -84,6 +84,7 @@ const icon = computed(() => {
   display: flex;
   flex-flow: column nowrap;
   font-size: 14px;
+  padding: 2px 3px;
   gap: 8px;
   label span {
     line-height: 1;