Zverse/ai-digital-live
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style update

Browse Source
This commit is contained in:
LittleBoy 2024-12-24 15:23:14 +08:00
parent b3a3757751
commit 4935c0674f
2 changed files with 39 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/live/index.tsx
View File

@ -206,7 +206,8 @@ export default function LiveIndex() {
{contextHolder}
<div className="h-[36px]"></div>
<div className="flex">
<div className="video-player-container mr-16 flex flex-col">
<div className="video-player-container mr-16 flex items-center">
<div>
<div className="text-center text-base text-gray-400">直播界面</div>
<div className="video-player flex justify-center flex-1 mt-1">
<div className="live-player relative rounded overflow-hidden w-[360px] h-[636px]"
@ -220,10 +221,11 @@ export default function LiveIndex() {
/>
</div>
</div>
<div className="text-center text-base">
<div className="text-center text-sm mt-4 text-gray-400">
<span>视频时长: {formatDuration(currentTotalDuration)} / {formatDuration(totalDuration)}</span>
</div>
</div>
</div>
<div className="video-list-container video-list-sort-container flex-1 mt-1">
<div className="live-control flex justify-between mb-1">

4
src/pages/video/index.tsx
View File

@ -127,7 +127,8 @@ export default function VideoIndex() {
return (<div className="container py-5 page-live">
<div className="h-[36px]"></div>
<div className="flex">
<div className="video-player-container mr-16 w-[360px] flex flex-col">
<div className="video-player-container mr-16 w-[360px] flex items-center">
<div>
<div className="text-center text-base text-gray-400">预览视频 - 点击视频列表播放</div>
<div className="video-player flex items-center mt-2">
<div className=" w-[360px] h-[636px] rounded overflow-hidden">
@ -150,6 +151,7 @@ export default function VideoIndex() {
</div>
<div className="text-center text-sm mt-4 text-gray-400">{formatDuration(state.playState.current)} / {formatDuration(state.playState.total)}</div>
</div>
</div>
<div className="video-list-container rounded mt-2 flex flex-col flex-1">
<div className="live-control flex justify-between">
<div className="pl-[70px]"></div>