撤回孩子端单词页网格;家长端跟读录音列表改一行多个(换行排布)
- 撤回 word-day 网格改动,恢复原卡片布局 - 家长端"单词跟读录音"(课程管理+学习概览)改为圆角标签自动换行, 一行多个,每个含单词+播放按钮 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
b63ccdfa9e
commit
673d1bc511
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user