mula
/
nex_music
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复歌词同步

main
mula.liu 2026-01-18 18:57:56 +08:00
parent bffff69dba
commit 15b970e6fa
4 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env
View File

@ -1 +0,0 @@
VITE_DEFAULT_PLAYLIST_URL=http://t91rqdjhx.hn-bkt.clouddn.com/playlist.json

4
App.tsx
View File

@ -234,8 +234,8 @@ const App: React.FC = () => {
</div>
{/* Gradient masks for lyrics fade effect - adjusted to be more subtle */}
<div className="absolute top-0 left-0 right-0 h-32 bg-gradient-to-b from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
<div className="absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
<div className="absolute top-0 left-0 right-0 h-12 md:h-32 bg-gradient-to-b from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
<div className="absolute bottom-0 left-0 right-0 h-12 md:h-32 bg-gradient-to-t from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
</div>
</div>

8
Dockerfile
View File

@ -1,8 +1,12 @@
# Stage 1: Build the application
FROM node:20-alpine as builder
FROM swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/node:20-alpine as builder
WORKDIR /app
# Config Aliyun Mirror for Alpine and Yarn
RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories && \
yarn config set registry https://registry.npmmirror.com
# Copy package files
COPY package.json yarn.lock ./
@ -18,7 +22,7 @@ COPY . .
RUN yarn build
# Stage 2: Serve with Nginx
FROM nginx:alpine
FROM swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/nginx:alpine
# Remove default nginx static assets
RUN rm -rf /usr/share/nginx/html/*

2
components/LyricsPanel.tsx
View File

@ -46,7 +46,7 @@ const LyricsPanel: React.FC<LyricsPanelProps> = ({ lyrics, currentTime }) => {
return (
<div
ref={containerRef}
className="h-full w-full overflow-y-auto no-scrollbar py-[50vh] text-center px-4 relative"
className="h-full w-full overflow-y-auto no-scrollbar py-[15vh] md:py-[45vh] text-center px-4 relative"
>
{lyrics.map((line, index) => {
const isActive = index === activeIndex;