Ma/LunaTV
1
0
Fork 0
mirror of https://github.com/MoonTechLab/LunaTV.git synced 2026-05-22 14:37:30 +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

14
src/app/page.tsx
View File

@@ -130,7 +130,7 @@ function HomeClient() {
return (
<PageLayout>
<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'>
{/* 顶部 Tab 切换 */}
<div className='mb-8 flex justify-center'>
<CapsuleSwitch
@@ -150,7 +150,7 @@ function HomeClient() {
<h2 className='mb-4 text-xl font-bold text-gray-800 text-left'>
我的收藏
</h2>
<div className='justify-start grid grid-cols-2 gap-x-2 gap-y-20 px-2 sm:grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] sm:gap-x-8 sm:px-4'>
<div className='justify-start grid grid-cols-3 gap-x-2 gap-y-14 sm:gap-y-20 px-2 sm:grid-cols-[repeat(auto-fill,_minmax(11rem,_1fr))] sm:gap-x-8 sm:px-4'>
{favoriteItems.map((item) => (
<div key={item.id + item.source} className='w-full'>
<VideoCard {...item} from='favorites' />
@@ -175,7 +175,7 @@ function HomeClient() {
{collections.map((collection) => (
<div
key={collection.title}
className='min-w-[180px] w-44 sm:min-w-[280px] sm:w-72'
className='min-w-[150px] w-44 sm:min-w-[280px] sm:w-72'
>
<CollectionCard
title={collection.title}
@@ -201,7 +201,7 @@ function HomeClient() {
Array.from({ length: 8 }).map((_, index) => (
<div
key={index}
className='min-w-[140px] w-36 sm:min-w-[180px] sm:w-44'
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
>
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse'>
<div className='absolute inset-0 bg-gray-300'></div>
@@ -213,7 +213,7 @@ function HomeClient() {
hotMovies.map((movie, index) => (
<div
key={index}
className='min-w-[140px] w-36 sm:min-w-[180px] sm:w-44'
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
>
<DemoCard title={movie.title} poster={movie.poster} />
</div>
@@ -232,7 +232,7 @@ function HomeClient() {
Array.from({ length: 8 }).map((_, index) => (
<div
key={index}
className='min-w-[140px] w-36 sm:min-w-[180px] sm:w-44'
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
>
<div className='relative aspect-[2/3] w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse'>
<div className='absolute inset-0 bg-gray-300'></div>
@@ -244,7 +244,7 @@ function HomeClient() {
hotTvShows.map((show, index) => (
<div
key={index}
className='min-w-[140px] w-36 sm:min-w-[180px] sm:w-44'
className='min-w-[96px] w-24 sm:min-w-[180px] sm:w-44'
>
<DemoCard title={show.title} poster={show.poster} />
</div>