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

feat: adjust mobile style, add force landscape button

Browse Source
This commit is contained in:
shinya
2025-06-23 13:24:18 +08:00
parent 157297c05d
commit 50c9957be8
11 changed files with 87 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/detail/page.tsx
View File

@@ -111,7 +111,7 @@ function DetailPageClient() {
return (
<PageLayout activePath='/detail'>
<div className='px-4 sm:px-10 py-4 sm:py-8 overflow-visible'>
<div className='px-2 sm:px-10 py-4 sm:py-8 overflow-visible'>
{/* 顶部返回按钮已移入右侧信息容器 */}
{loading ? (
<div className='flex items-center justify-center min-h-[60vh]'>
@@ -144,7 +144,7 @@ function DetailPageClient() {
window.location.href = '/';
}
}}
className='absolute top-0 left-0 -translate-x-[60%] -translate-y-[30%] sm:-translate-x-[180%] sm:-translate-y-1/2 p-2 rounded transition-colors'
className='absolute top-0 left-0 -translate-x-[40%] -translate-y-[30%] sm:-translate-x-[180%] sm:-translate-y-1/2 p-2 rounded transition-colors'
>
<svg
className='h-5 w-5 text-gray-500 hover:text-green-600 transition-colors'
@@ -309,7 +309,7 @@ function DetailPageClient() {
共 {detail.episodes.length} 集
</div>
</div>
<div className='grid grid-cols-3 gap-2 sm:flex sm:flex-wrap sm:gap-4'>
<div className='grid grid-cols-3 gap-2 sm:grid-cols-[repeat(auto-fit,_minmax(6rem,_1fr))] sm:gap-4'>
{detail.episodes.map((episode, idx) => (
<a
key={idx}