修复桌面歌词使用斜体出现截断的问题（#1106）

lyswhut · Jan 5, 2023 · bae7320 · bae7320
1 parent e50a67f
commit bae7320
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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
@@ -178,6 +178,9 @@ export default {
   width: 80%;
   height: 100%;
 }
+.lyric-text {
+  padding: 0.14em 0;
+}
 // .lrc-active {
 
 //   .lrc-line {