github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

修复桌面歌词开启不允许换行后出现字体截断的问题（#1106）

pull/1123/head
lyswhut 2023-01-07 15:59:30 +08:00
parent cccb5b191d
commit db38b27e52
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/common/defaultSetting.ts
View File

@ -58,7 +58,7 @@ const defaultSetting: LX.AppSetting = {
'desktopLyric.style.align': 'center', 'desktopLyric.style.align': 'center',
'desktopLyric.style.font': '', 'desktopLyric.style.font': '',
'desktopLyric.style.fontSize': 20, 'desktopLyric.style.fontSize': 20,
'desktopLyric.style.lineGap': 15, 'desktopLyric.style.lineGap': 14,
'desktopLyric.style.lyricUnplayColor': 'rgba(255, 255, 255, 1)', 'desktopLyric.style.lyricUnplayColor': 'rgba(255, 255, 255, 1)',
'desktopLyric.style.lyricPlayedColor': 'rgba(7, 197, 86, 1)', 'desktopLyric.style.lyricPlayedColor': 'rgba(7, 197, 86, 1)',
'desktopLyric.style.lyricShadowColor': 'rgba(0, 0, 0, 0.15)', 'desktopLyric.style.lyricShadowColor': 'rgba(0, 0, 0, 0.15)',

11
src/renderer-lyric/components/layout/LyricHorizontal/index.vue
View File

@ -5,7 +5,7 @@
:style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart" :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
> >
<div :class="$style.lyricSpace" /> <div :class="$style.lyricSpace" />
<div ref="dom_lyric_text" :class="$style.lyricText" /> <div ref="dom_lyric_text" />
<div :class="$style.lyricSpace" /> <div :class="$style.lyricSpace" />
</div> </div>
</template> </template>
@ -68,6 +68,9 @@ export default {
// font-weight: bold; // font-weight: bold;
:global { :global {
.font-lrc, .shadow {
padding: 0.08em 0.14em;
}
.font-lrc { .font-lrc {
color: var(--color-lyric-unplay); color: var(--color-lyric-unplay);
} }
@ -171,9 +174,9 @@ export default {
.lyric-space { .lyric-space {
height: 80%; height: 80%;
} }
.lyric-text { // .lyric-text {
padding: 0 0.14em;
} // }
// .lrc-active { // .lrc-active {
// .lrc-line { // .lrc-line {

11
src/renderer-lyric/components/layout/LyricVertical/index.vue
View File

@ -5,7 +5,7 @@
:style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart" :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
> >
<div :class="$style.lyricSpace" /> <div :class="$style.lyricSpace" />
<div ref="dom_lyric_text" :class="[$style.lyricText]" /> <div ref="dom_lyric_text" />
<div :class="$style.lyricSpace" /> <div :class="$style.lyricSpace" />
</div> </div>
</template> </template>
@ -72,6 +72,9 @@ export default {
} }
:global { :global {
.font-lrc, .shadow {
padding: 0.14em 0.07em;
}
.font-lrc { .font-lrc {
color: var(--color-lyric-unplay); color: var(--color-lyric-unplay);
} }
@ -178,9 +181,9 @@ export default {
width: 80%; width: 80%;
height: 100%; height: 100%;
} }
.lyric-text { // .lyric-text {
padding: 0.14em 0;
} // }
// .lrc-active { // .lrc-active {
// .lrc-line { // .lrc-line {