fix(web): 恢复与旧版一致的布局与组件参数
- 布局:Layout 使用 contained(1380)+gutter20+siderWidth240+gap20、solid 60px 页头、整屏内部滚动 - 搜索框恢复悬浮居中;侧栏与内容恢复 52/88px 顶部偏移 - 新增并使用 @stash/ui 的 Cover(海报 2:3 / 图文 4:3 / 宽图)替换手写封面 - 头像恢复 64px 品牌底色;正文恢复 14/1.9;详情标题、标签、引用、统计、跳转按原版还原 - 分区卡 padding 20、分区标题 16、网格间距 12/16 对齐原值
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
import { Cover } from '@stash/ui'
|
||||
import type { PosterItem } from '../../data/types'
|
||||
|
||||
/**
|
||||
@@ -10,20 +11,13 @@ type PosterCardProps = {
|
||||
}
|
||||
|
||||
export function PosterCard({ item, onOpen }: PosterCardProps) {
|
||||
const content = (
|
||||
<>
|
||||
<img className="cover cover--poster" src={item.cover} alt={item.title} loading="lazy" />
|
||||
<span className="cover-caption">{item.title}</span>
|
||||
</>
|
||||
)
|
||||
|
||||
if (onOpen === undefined) {
|
||||
return <figure className="cover-card">{content}</figure>
|
||||
}
|
||||
|
||||
return (
|
||||
<button type="button" className="cover-card" title={item.title} onClick={() => onOpen(item.id)}>
|
||||
{content}
|
||||
</button>
|
||||
<Cover
|
||||
src={item.cover}
|
||||
alt={item.title}
|
||||
caption={item.title}
|
||||
ratio="poster"
|
||||
onClick={onOpen === undefined ? undefined : () => onOpen(item.id)}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user