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

feat: mobile style

Browse Source
This commit is contained in:
shinya
2025-06-22 23:48:02 +08:00
parent dbae421973
commit e25671eed2
13 changed files with 200 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -179,7 +179,7 @@ function DoubanPageClient() {
return (
<PageLayout activePath={getActivePath()}>
<div className='px-10 py-8 overflow-visible'>
<div className='px-4 sm:px-10 py-4 sm:py-8 overflow-visible'>
{/* 页面标题 */}
<div className='mb-8'>
<h1 className='text-3xl font-bold text-gray-800 mb-2'>
@@ -200,7 +200,7 @@ function DoubanPageClient() {
) : (
<>
{/* 内容网格 */}
<div className='grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-x-8 gap-y-20 px-4'>
<div className='grid grid-cols-2 gap-x-2 gap-y-12 px-2 sm:grid-cols-[repeat(auto-fit,minmax(180px,1fr))] sm:gap-x-8 sm:gap-y-20 sm:px-4'>
{loading
? // 显示骨架屏
skeletonData.map((index) => (
@@ -208,7 +208,7 @@ function DoubanPageClient() {
))
: // 显示实际数据
doubanData.map((item, index) => (
<div key={`${item.title}-${index}`} className='w-44'>
<div key={`${item.title}-${index}`} className='w-full'>
<DemoCard title={item.title} poster={item.poster} />
</div>
))}