WuYongJie/flnxi-Wu
WuYongJie/flnxi-Wu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

收敛作者页作品卡片样式

Browse Source
This commit is contained in:
WuYongJie 2026-05-28 21:58:21 +08:00
parent da8580659c
commit 46e1b67655
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/author/[authorName]/page.tsx
View File

@ -212,7 +212,7 @@ export default function AuthorPage() {
{/* 作品列表 */} {/* 作品列表 */}
{loading ? ( {loading ? (
<div className="flex items-center justify-center py-16"> <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> </div>
) : materials.length === 0 ? ( ) : materials.length === 0 ? (
<div className="text-center py-16"> <div className="text-center py-16">
@ -226,14 +226,14 @@ export default function AuthorPage() {
<Link <Link
key={material.id} key={material.id}
href={`/share/${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"> <div className="aspect-[4/3] relative bg-slate-100 dark:bg-slate-700">
<Image <Image
src={material.previewUrl} src={material.previewUrl}
alt={material.productModel} alt={material.productModel}
fill 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" sizes="(max-width: 640px) 50vw, (max-width: 768px) 33vw, (max-width: 1024px) 25vw, 20vw"
/> />
</div> </div>

1
docs/商业化地基排查问题清单_20260524.md
View File

@ -1053,6 +1053,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
- `app/page.tsx`：首页音频素材卡片已从大圆形播放按钮和圆形频谱背景，收为小图标、文件名、普通进度条和矩形播放按钮。 - `app/page.tsx`：首页音频素材卡片已从大圆形播放按钮和圆形频谱背景，收为小图标、文件名、普通进度条和矩形播放按钮。
- `app/page.tsx`：首页素材卡片已从大圆角、轻阴影和黑色半透明胶囊收为普通 `rounded-lg` 边框卡片、中性标签和弱化的素材型号标识。 - `app/page.tsx`：首页素材卡片已从大圆角、轻阴影和黑色半透明胶囊收为普通 `rounded-lg` 边框卡片、中性标签和弱化的素材型号标识。
- `app/profile/page.tsx`：个人页“我的素材 / 我的点赞 / 浏览历史”卡片已从大圆角和黑色渐变覆盖层收为普通边框卡片和浅底信息条。 - `app/profile/page.tsx`：个人页“我的素材 / 我的点赞 / 浏览历史”卡片已从大圆角和黑色渐变覆盖层收为普通边框卡片和浅底信息条。
- `app/author/[authorName]/page.tsx`：作者页作品卡片已去掉 hover 放大、hover 阴影和大圆角，改为普通边框卡片；加载状态也从蓝色圈收为中性圈。
- `components/RankingPanel.tsx`：浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感，改为普通边框小面板。 - `components/RankingPanel.tsx`：浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感，改为普通边框小面板。
- `app/page.tsx`：榜单/精品信息已从素材封面移到卡片信息区，并使用浅底中性小标签，避免长期遮挡素材图。 - `app/page.tsx`：榜单/精品信息已从素材封面移到卡片信息区，并使用浅底中性小标签，避免长期遮挡素材图。
- `app/page.tsx`：素材上传日期已从封面右下角黑色悬浮层移到卡片信息区，封面只保留必要的素材标识和媒体状态。 - `app/page.tsx`：素材上传日期已从封面右下角黑色悬浮层移到卡片信息区，封面只保留必要的素材标识和媒体状态。