收敛作者页作品卡片样式
This commit is contained in:
parent
da8580659c
commit
46e1b67655
@ -212,7 +212,7 @@ export default function AuthorPage() {
|
||||
{/* 作品列表 */}
|
||||
{loading ? (
|
||||
<div className="flex items-center justify-center py-16">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500"></div>
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-slate-500 dark:border-slate-300"></div>
|
||||
</div>
|
||||
) : materials.length === 0 ? (
|
||||
<div className="text-center py-16">
|
||||
@ -226,14 +226,14 @@ export default function AuthorPage() {
|
||||
<Link
|
||||
key={material.id}
|
||||
href={`/share/${material.id}`}
|
||||
className="group relative bg-white dark:bg-slate-800 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-shadow"
|
||||
className="group relative overflow-hidden rounded-lg border border-slate-200 bg-white transition-colors hover:border-slate-300 dark:border-slate-700 dark:bg-slate-800 dark:hover:border-slate-600"
|
||||
>
|
||||
<div className="aspect-[4/3] relative bg-slate-100 dark:bg-slate-700">
|
||||
<Image
|
||||
src={material.previewUrl}
|
||||
alt={material.productModel}
|
||||
fill
|
||||
className="object-cover group-hover:scale-105 transition-transform duration-300"
|
||||
className="object-cover"
|
||||
sizes="(max-width: 640px) 50vw, (max-width: 768px) 33vw, (max-width: 1024px) 25vw, 20vw"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -1053,6 +1053,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
|
||||
- `app/page.tsx`:首页音频素材卡片已从大圆形播放按钮和圆形频谱背景,收为小图标、文件名、普通进度条和矩形播放按钮。
|
||||
- `app/page.tsx`:首页素材卡片已从大圆角、轻阴影和黑色半透明胶囊收为普通 `rounded-lg` 边框卡片、中性标签和弱化的素材型号标识。
|
||||
- `app/profile/page.tsx`:个人页“我的素材 / 我的点赞 / 浏览历史”卡片已从大圆角和黑色渐变覆盖层收为普通边框卡片和浅底信息条。
|
||||
- `app/author/[authorName]/page.tsx`:作者页作品卡片已去掉 hover 放大、hover 阴影和大圆角,改为普通边框卡片;加载状态也从蓝色圈收为中性圈。
|
||||
- `components/RankingPanel.tsx`:浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感,改为普通边框小面板。
|
||||
- `app/page.tsx`:榜单/精品信息已从素材封面移到卡片信息区,并使用浅底中性小标签,避免长期遮挡素材图。
|
||||
- `app/page.tsx`:素材上传日期已从封面右下角黑色悬浮层移到卡片信息区,封面只保留必要的素材标识和媒体状态。
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user