优化某些UI的字体可能出现被截断的问题

2024-08-04 11:33:44 +08:00
parent c52034f992
commit 6ff7cfde11
13 changed files with 13 additions and 16 deletions
@@ -111,7 +111,7 @@ const updatePreservesPitch = (enabled) => {
  align-items: center;
  font-size: 13px;
  span {
-    line-height: 1;
+    line-height: 1.2;
  }
 }
 .control {
@@ -115,7 +115,7 @@ const handleUpdateSpeed = (value) => {
  align-items: center;
  // font-size: 13px;
  span {
-    line-height: 1;
+    line-height: 1.2;
  }
 }

@@ -151,7 +151,7 @@ onMounted(() => {
  align-items: center;
  // font-size: 13px;
  span {
-    line-height: 1;
+    line-height: 1.2;
  }
 }

@@ -134,7 +134,7 @@ const handleUpdatePlaybackRate = (value) => {
  align-items: center;
  // font-size: 13px;
  span {
-    line-height: 1;
+    line-height: 1.2;
  }
 }

@@ -138,9 +138,6 @@ const toggleMode = (mode) => {
  flex-flow: row nowrap;
  font-size: 14px;
  gap: 10px;
-  label span {
-    line-height: 1;
-  }
 }


@@ -101,7 +101,7 @@ const icon = computed(() => {
  align-items: center;
  font-size: 13px;
  span {
-    line-height: 1;
+    line-height: 1.2;
  }
 }

@@ -302,7 +302,7 @@ export default {
    position: absolute;
    right: 30px;
    top: -14px;
-    line-height: 1;
+    line-height: 1.2;
    font-size: 12px;
    color: var(--color-primary-dark-100);
    opacity: .7;
@@ -104,7 +104,7 @@ export default {
@import '@renderer/assets/styles/layout.less';

 .btns {
-  line-height: 1;
+  line-height: 1.2;

  button {
    background-color: transparent;
@@ -126,7 +126,7 @@ export default {
      // border-radius: .3125rem;
      transition: 0.4s ease;
      transition-property: all;
-      line-height: 1;
+      line-height: 1.2;
      display: flex;
      // border-right: none;
      svg {
@@ -136,7 +136,7 @@ export default {
      button {
        display: block;
        padding: 7px 12px;
-        line-height: 1;
+        line-height: 1.2;
        color: var(--color-button-font);
        font-size: 13px;
      }