refactor: 更新样式和组件结构以提升一致性和可读性

- 在 utils.ts 中引入 twMerge 以合并 Tailwind 类。
- 在 ConverterForm.tsx 中简化类名,移除冗余样式。
- 在 LiveClock.tsx 中调整样式,优化文本显示。
- 在 ResultView.tsx 中更新布局和样式,提升视觉效果。
This commit is contained in:
2026-07-08 23:24:54 +08:00
parent 8424fa219f
commit 83866c8ae0
4 changed files with 19 additions and 28 deletions
@@ -34,16 +34,15 @@ export default function ResultView({
</span>
<div className="bg-card text-card-foreground border border-border p-4 sm:p-5 rounded-xl relative shadow-sm flex justify-between items-center gap-4 focus-within:ring-1 focus-within:ring-ring">
<span className="font-mono font-extrabold text-foreground break-all text-xl sm:text-2xl tracking-tight leading-tight select-all tabular-nums">
{result}
</span>
<div className="bg-card border p-4 rounded-lg flex items-center gap-3 justify-between">
<span className="break-all text-lg select-all flex-1">{result}</span>
<CopyButton
text={result}
tooltip="复制结果"
variant="ghost"
size="icon"
className="h-7 w-7 text-muted-foreground hover:text-foreground"
className="h-7 w-7"
/>
</div>
</div>