{pack.singleLrc || ' '}
@@ -227,8 +216,7 @@ export default function DesktopLyric(): JSX.Element {
fontSize,
textAlign: ktvJp ? 'left' : 'center',
maxWidth: ktvJp ? '66%' : '100%',
- alignSelf: ktvJp ? 'flex-start' : 'center',
- textShadow: showBg ? 'none' : '0 2px 12px rgba(0,0,0,0.75)'
+ alignSelf: ktvJp ? 'flex-start' : 'center'
}}
>
{pack.prevLrc || ' '}
@@ -240,8 +228,7 @@ export default function DesktopLyric(): JSX.Element {
fontSize,
textAlign: ktvJp ? 'right' : 'center',
maxWidth: ktvJp ? '66%' : '100%',
- alignSelf: ktvJp ? 'flex-end' : 'center',
- textShadow: showBg ? 'none' : '0 2px 12px rgba(0,0,0,0.75)'
+ alignSelf: ktvJp ? 'flex-end' : 'center'
}}
>
{pack.nextLrc || ' '}
diff --git a/src/renderer/src/pages/Lyric.tsx b/src/renderer/src/pages/Lyric.tsx
index 9e80365..1d4689f 100644
--- a/src/renderer/src/pages/Lyric.tsx
+++ b/src/renderer/src/pages/Lyric.tsx
@@ -27,12 +27,12 @@ function lineVisual(dist: number, active: boolean): {
return { opacity: 1, scale: 1, blur: 0, y: 0, jpSize: 32, subSize: 17 }
}
if (dist === 1) {
- return { opacity: 0.45, scale: 0.94, blur: 0.4, y: 2, jpSize: 22, subSize: 14 }
+ return { opacity: 0.45, scale: 0.96, blur: 0.4, y: 2, jpSize: 26, subSize: 15 }
}
if (dist === 2) {
- return { opacity: 0.28, scale: 0.9, blur: 0.9, y: 4, jpSize: 20, subSize: 13 }
+ return { opacity: 0.28, scale: 0.93, blur: 0.9, y: 4, jpSize: 24, subSize: 14 }
}
- return { opacity: 0.14, scale: 0.88, blur: 1.4, y: 6, jpSize: 18, subSize: 12 }
+ return { opacity: 0.14, scale: 0.9, blur: 1.4, y: 6, jpSize: 22, subSize: 13 }
}
/** 跟唱滚动:ease-out,接近 Apple 切行时的列表滑动感 */
@@ -58,6 +58,7 @@ function animateScrollTo(el: HTMLElement, to: number, duration = 580): () => voi
* - 右侧可手动滚动;播放时自动跟唱(用户滚动后短暂暂停跟唱)
*/
export default function Lyric(): JSX.Element {
+ const isMac = navigator.platform.toLowerCase().includes('mac')
const navigate = useNavigate()
const location = useLocation()
const { current, progress, httpBase, isPlaying, loves, toggleLove, seek, play } =
@@ -69,12 +70,19 @@ export default function Lyric(): JSX.Element {
const [showZh, setShowZh] = useState(true)
const [showRoma, setShowRoma] = useState(true)
const [leaving, setLeaving] = useState(false)
+ /** 入场动画结束后去掉 transform,否则 Electron 不认 -webkit-app-region: drag */
+ const [sheetSettled, setSheetSettled] = useState(false)
const closingRef = useRef(false)
const prevCloseTick = useRef(closeTick)
const viewportRef = useRef
当前数据版本:{dataVersion}
+上次拉取:{formatSyncedAt(librarySyncedAt)}
+{syncMsg}
}@@ -229,7 +285,7 @@ export default function Settings(): JSX.Element {