From db38b27e52784ca7937e4f5cb24da17acc558603 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Sat, 7 Jan 2023 15:59:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A1=8C=E9=9D=A2=E6=AD=8C?=
 =?UTF-8?q?=E8=AF=8D=E5=BC=80=E5=90=AF=E4=B8=8D=E5=85=81=E8=AE=B8=E6=8D=A2?=
 =?UTF-8?q?=E8=A1=8C=E5=90=8E=E5=87=BA=E7=8E=B0=E5=AD=97=E4=BD=93=E6=88=AA?=
 =?UTF-8?q?=E6=96=AD=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=88#1106=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/defaultSetting.ts                          |  2 +-
 .../components/layout/LyricHorizontal/index.vue       | 11 +++++++----
 .../components/layout/LyricVertical/index.vue         | 11 +++++++----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/common/defaultSetting.ts b/src/common/defaultSetting.ts
index 69b0b899..4b057acb 100644
--- a/src/common/defaultSetting.ts
+++ b/src/common/defaultSetting.ts
@@ -58,7 +58,7 @@ const defaultSetting: LX.AppSetting = {
   'desktopLyric.style.align': 'center',
   'desktopLyric.style.font': '',
   'desktopLyric.style.fontSize': 20,
-  'desktopLyric.style.lineGap': 15,
+  'desktopLyric.style.lineGap': 14,
   'desktopLyric.style.lyricUnplayColor': 'rgba(255, 255, 255, 1)',
   'desktopLyric.style.lyricPlayedColor': 'rgba(7, 197, 86, 1)',
   'desktopLyric.style.lyricShadowColor': 'rgba(0, 0, 0, 0.15)',
diff --git a/src/renderer-lyric/components/layout/LyricHorizontal/index.vue b/src/renderer-lyric/components/layout/LyricHorizontal/index.vue
index c14c547e..9f6f0653 100644
--- a/src/renderer-lyric/components/layout/LyricHorizontal/index.vue
+++ b/src/renderer-lyric/components/layout/LyricHorizontal/index.vue
@@ -5,7 +5,7 @@
     :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
   >
     <div :class="$style.lyricSpace" />
-    <div ref="dom_lyric_text" :class="$style.lyricText" />
+    <div ref="dom_lyric_text" />
     <div :class="$style.lyricSpace" />
   </div>
 </template>
@@ -68,6 +68,9 @@ export default {
   // font-weight: bold;
 
   :global {
+    .font-lrc, .shadow {
+      padding: 0.08em 0.14em;
+    }
     .font-lrc {
       color: var(--color-lyric-unplay);
     }
@@ -171,9 +174,9 @@ export default {
 .lyric-space {
   height: 80%;
 }
-.lyric-text {
-  padding: 0 0.14em;
-}
+// .lyric-text {
+
+// }
 // .lrc-active {
 
 //   .lrc-line {
diff --git a/src/renderer-lyric/components/layout/LyricVertical/index.vue b/src/renderer-lyric/components/layout/LyricVertical/index.vue
index d3edfbf2..eea3a8c3 100644
--- a/src/renderer-lyric/components/layout/LyricVertical/index.vue
+++ b/src/renderer-lyric/components/layout/LyricVertical/index.vue
@@ -5,7 +5,7 @@
     :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
   >
     <div :class="$style.lyricSpace" />
-    <div ref="dom_lyric_text" :class="[$style.lyricText]" />
+    <div ref="dom_lyric_text" />
     <div :class="$style.lyricSpace" />
   </div>
 </template>
@@ -72,6 +72,9 @@ export default {
   }
 
   :global {
+    .font-lrc, .shadow {
+      padding: 0.14em 0.07em;
+    }
     .font-lrc {
       color: var(--color-lyric-unplay);
     }
@@ -178,9 +181,9 @@ export default {
   width: 80%;
   height: 100%;
 }
-.lyric-text {
-  padding: 0.14em 0;
-}
+// .lyric-text {
+
+// }
 // .lrc-active {
 
 //   .lrc-line {