fixed: 回收站时间宽度修复

This commit is contained in:
LittleBoy 2025-04-16 16:36:15 +08:00
parent c8e5d8a6ab
commit 116c171249
2 changed files with 4 additions and 1 deletions

View File

@ -4,6 +4,9 @@
:global {
.video-bottom {
}
.video-time-info{
min-width: 60px;
}
}
}

View File

@ -32,7 +32,7 @@ export default function VideoItem(props: VideoItemProps) {
className="video-bottom bg-black/30 backdrop-blur-[2px] text-sm absolute inset-x-0 bottom-0 text-white py-2 px-3 items-center flex justify-between">
<div className="title cursor-pointer flex-1 text-nowrap overflow-hidden text-ellipsis min-w-0 mr-4"
onClick={() => props.onClick?.(false)}>{props.videoInfo.title}</div>
<div className="video-time-info w-[60px] text-right">{timeFromNow(props.videoInfo.d_time)}</div>
<div className="video-time-info text-right">{timeFromNow(props.videoInfo.d_time)}</div>
</div>
<div
className={"absolute top-1 left-1 bg-black/50 rounded-3xl text-white px-3 py-0.5"}>{Math.ceil(props.videoInfo.duration / 1000)}s