Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-05-21 21:57:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: mobile play page style

Browse Source
This commit is contained in:
shinya
2025-06-22 23:59:28 +08:00
parent e25671eed2
commit fe92ad3a51
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/play/page.tsx
View File

@@ -1321,11 +1321,11 @@ function PlayPageClient() {
showTopBar ? 'opacity-100' : 'opacity-0' showTopBar ? 'opacity-100' : 'opacity-0'
}`} }`}
> >
<div className='bg-black/60 backdrop-blur-sm px-6 py-4 relative flex items-center justify-center'> <div className='bg-black/60 backdrop-blur-sm px-0 sm:px-6 py-4 relative flex items-center sm:justify-center'>
{/* 返回按钮 */} {/* 返回按钮 */}
<button <button
onClick={handleBack} onClick={handleBack}
className='absolute left-6 text-white hover:text-gray-300 transition-colors p-2' className='absolute left-0 sm:left-6 text-white hover:text-gray-300 transition-colors p-2'
> >
<svg <svg
width='24' width='24'
@@ -1342,7 +1342,7 @@ function PlayPageClient() {
</button> </button>
{/* 中央标题及集数信息 */} {/* 中央标题及集数信息 */}
<div className='text-center'> <div className='ml-10 sm:ml-0 text-center'>
<div className='flex items-center justify-center gap-2 max-w-xs mx-auto'> <div className='flex items-center justify-center gap-2 max-w-xs mx-auto'>
<span className='text-white font-semibold text-lg truncate'> <span className='text-white font-semibold text-lg truncate'>
{videoTitle} {videoTitle}
@@ -1373,7 +1373,7 @@ function PlayPageClient() {
{/* 数据源徽章放置在右侧，不影响标题居中 */} {/* 数据源徽章放置在右侧，不影响标题居中 */}
{detail?.videoInfo?.source_name && ( {detail?.videoInfo?.source_name && (
<span <span
className='absolute right-6 text-gray-300 text-sm border border-gray-500/60 px-2 py-[1px] rounded cursor-pointer hover:bg-gray-600/30 transition-colors' className='absolute right-2 sm:right-6 text-gray-300 text-sm border border-gray-500/60 px-2 py-[1px] rounded cursor-pointer hover:bg-gray-600/30 transition-colors'
onClick={handleSourcePanelOpen} onClick={handleSourcePanelOpen}
> >
{detail.videoInfo.source_name} {detail.videoInfo.source_name}