From bae732016c09ea3aaf59e0defc89a08bdea1e515 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Thu, 5 Jan 2023 18:49:50 +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=E4=BD=BF=E7=94=A8=E6=96=9C=E4=BD=93=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E6=88=AA=E6=96=AD=E7=9A=84=E9=97=AE=E9=A2=98=EF=BC=88#1106?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 publish/changeLog.md                                         | 1 +
 .../components/layout/LyricHorizontal/index.vue              | 5 ++++-
 src/renderer-lyric/components/layout/LyricVertical/index.vue | 3 +++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/publish/changeLog.md b/publish/changeLog.md
index fc40593b..80d569a1 100644
--- a/publish/changeLog.md
+++ b/publish/changeLog.md
@@ -3,6 +3,7 @@
 
 - 修复初始设置的桌面歌词窗口没有完全居右下角的问题
 - 修复Linux arm64系统下无法启动的问题（#1102）
+- 修复桌面歌词使用斜体出现截断的问题（#1106）
 
 ### 优化
 
diff --git a/src/renderer-lyric/components/layout/LyricHorizontal/index.vue b/src/renderer-lyric/components/layout/LyricHorizontal/index.vue
index 557c514a..c14c547e 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" :class="$style.lyricText" />
     <div :class="$style.lyricSpace" />
   </div>
 </template>
@@ -171,6 +171,9 @@ export default {
 .lyric-space {
   height: 80%;
 }
+.lyric-text {
+  padding: 0 0.14em;
+}
 // .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 aecfd634..d3edfbf2 100644
--- a/src/renderer-lyric/components/layout/LyricVertical/index.vue
+++ b/src/renderer-lyric/components/layout/LyricVertical/index.vue
@@ -178,6 +178,9 @@ export default {
   width: 80%;
   height: 100%;
 }
+.lyric-text {
+  padding: 0.14em 0;
+}
 // .lrc-active {
 
 //   .lrc-line {