撤回误提交到main的首页重构

Author: cropflre

web/src/main.tsx

@@ -35,7 +35,6 @@ import './styles/sidebar-collapse.css'
 import './styles/personal-media-workspace.css'
 import './styles/series-detail-cinema.css'
 import './styles/mobile-bottom-nav.css'
-import './styles/home-detail-fusion.css'
 
 const SW_DEV_RELOAD_KEY = 'nowen-sw-dev-cleanup-reload'
 const SW_UPDATE_RELOAD_KEY = 'nowen-sw-production-update-reload'

web/src/pages/HomePage.tsx

@@ -31,15 +31,6 @@ function getContinueArtwork(item: WatchHistory): string | null {
   return null
 }
 
-function HomeSectionAction({ to, children }: { to: string; children: ReactNode }) {
-  return (
-    <Link to={to} className="nv-home-section-action">
-      <span>{children}</span>
-      <ChevronRight size={14} aria-hidden="true" />
-    </Link>
-  )
-}
-
 export default function HomePage() {
   const { on, off } = useWebSocket()
   const toast = useToast()
@@ -103,11 +94,9 @@ export default function HomePage() {
   }, [on, off, invalidate, silentRefresh])
 
   return (
-    <div className="nv-home-page nv-home-detail-language nv-section-stack">
+    <div className="nv-home-page nv-section-stack">
       {(recommendations.length > 0 || recentItems.length > 0) && (
-        <div className="nv-home-hero-shell">
-          <HeroCarousel items={recommendations} fallbackItems={recentItems} maxItems={5} />
-        </div>
+        <HeroCarousel items={recommendations} fallbackItems={recentItems} maxItems={5} />
       )}
 
       {continueList.length > 0 && (
@@ -122,14 +111,12 @@ export default function HomePage() {
         <MediaRail
           title={(
             <span className="inline-flex items-center gap-2">
-              <Sparkles size={16} className="text-[var(--nv-action-muted)]" aria-hidden="true" />
+              <Sparkles size={16} className="text-[var(--nv-text-tertiary)]" aria-hidden="true" />
               {t('home.recommended')}
             </span>
           )}
           ariaLabel={t('home.recommended')}
           itemCount={recommendations.length}
-          action={<HomeSectionAction to="/browse">查看全部</HomeSectionAction>}
-          className="nv-home-section-card--featured"
         >
           {recommendations.map((item) => (
             <div key={item.media.id} className="nv-home-poster-slot flex-shrink-0">
@@ -140,19 +127,14 @@ export default function HomePage() {
       )}
 
       {loading && recentItems.length === 0 && continueList.length === 0 && recommendations.length === 0 && (
-        <div className="nv-section-stack nv-home-loading-stack">
+        <div className="nv-section-stack">
           <HomeRailSkeleton title={t('home.continueWatching')} landscape />
           <HomeRailSkeleton title={t('home.recentlyAdded')} />
         </div>
       )}
 
       {recentItems.length > 0 && (
-        <MediaRail
-          title={t('home.recentlyAdded')}
-          ariaLabel={t('home.recentlyAdded')}
-          itemCount={recentItems.length}
-          action={<HomeSectionAction to="/browse?sort=created_desc">更多</HomeSectionAction>}
-        >
+        <MediaRail title={t('home.recentlyAdded')} ariaLabel={t('home.recentlyAdded')} itemCount={recentItems.length}>
           {recentItems.map((item) => {
             const media = item.type === 'movie' ? item.media : item.series
             if (!media) return null
@@ -173,7 +155,6 @@ export default function HomePage() {
 
       {!loading && recentItems.length === 0 && continueList.length === 0 && (
         <EmptyState
-          className="nv-home-empty-card"
           icon={<Play size={22} aria-hidden="true" />}
           title={t('home.noContent')}
           description={t('home.noContentHint')}
@@ -187,15 +168,11 @@ function MediaRail({
   title,
   ariaLabel,
   itemCount,
-  action,
-  className,
   children,
 }: {
   title: ReactNode
   ariaLabel: string
   itemCount: number
-  action?: ReactNode
-  className?: string
   children: ReactNode
 }) {
   const scrollRef = useRef<HTMLDivElement>(null)
@@ -230,11 +207,7 @@ function MediaRail({
   }
 
   return (
-    <Section
-      title={title}
-      action={action}
-      className={`nv-home-section-card${className ? ` ${className}` : ''}`}
-    >
+    <Section title={title}>
       <div className="nv-home-rail relative">
         {canScrollLeft && (
           <Button
@@ -287,14 +260,12 @@ function ContinueWatchingRow({
     <MediaRail
       title={(
         <span className="inline-flex items-center gap-2">
-          <Clock size={16} className="text-[var(--nv-action-muted)]" aria-hidden="true" />
+          <Clock size={16} className="text-[var(--nv-text-tertiary)]" aria-hidden="true" />
           {title}
         </span>
       )}
       ariaLabel={title}
       itemCount={items.length}
-      action={<HomeSectionAction to="/history">查看全部</HomeSectionAction>}
-      className="nv-home-section-card--continue"
     >
       {items.map((item) => {
         const percent = formatProgress(item.position, item.duration)
@@ -348,7 +319,7 @@ function ContinueWatchingRow({
 
 function HomeRailSkeleton({ title, landscape = false }: { title: string; landscape?: boolean }) {
   return (
-    <Section title={title} className="nv-home-section-card nv-home-section-card--skeleton">
+    <Section title={title}>
       <div className="flex gap-[var(--nv-grid-gap-x)] overflow-hidden pb-3 pt-1">
         {Array.from({ length: landscape ? 5 : 8 }).map((_, index) => (
           <div key={index} className={landscape ? 'nv-continue-card flex-shrink-0' : 'nv-home-poster-slot flex-shrink-0'}>
@@ -396,13 +367,7 @@ function GenreRows({ items }: { items: MixedItem[] }) {
 
 function GenreRow({ genre, items }: { genre: string; items: MixedItem[] }) {
   return (
-    <MediaRail
-      title={genre}
-      ariaLabel={genre}
-      itemCount={items.length}
-      action={<HomeSectionAction to={`/browse?genres=${encodeURIComponent(genre)}`}>更多</HomeSectionAction>}
-      className="nv-home-section-card--genre"
-    >
+    <MediaRail title={genre} ariaLabel={genre} itemCount={items.length}>
       {items.map((item) => {
         const media = item.type === 'movie' ? item.media : item.series
         if (!media) return null