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" >
-
+
@@ -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" >
-
+
@@ -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 {