撤回孩子端单词页网格;家长端跟读录音列表改一行多个(换行排布)

- 撤回 word-day 网格改动,恢复原卡片布局
- 家长端"单词跟读录音"(课程管理+学习概览)改为圆角标签自动换行,
  一行多个,每个含单词+播放按钮

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
jacobxu666
2026-08-05 21:53:01 +08:00
co-authored by Claude Opus 4.8
parent b63ccdfa9e
commit 673d1bc511
3 changed files with 22 additions and 27 deletions
+4 -4
View File
@@ -157,11 +157,11 @@ export function OverviewTab({ data }: { data: OverviewData }) {
{cell.recs.length === 0 ? (
<p className="text-sm text-muted-foreground">当天无跟读录音</p>
) : (
<div className="space-y-1.5">
<div className="flex flex-wrap gap-2">
{cell.recs.map((r, i) => (
<div key={i} className="flex items-center gap-2 text-sm">
<span className="w-20 shrink-0 font-medium text-slate-800">{r.word}</span>
<PlayBtn src={r.url} />
<div key={i} className="flex items-center gap-1.5 rounded-full bg-white px-2.5 py-1 text-sm ring-1 ring-slate-100">
<span className="font-medium text-slate-800">{r.word}</span>
<PlayBtn src={r.url} className="size-6" />
</div>
))}
</div>