style: 降低注销按钮的视觉显著性

- 改用 ghost 样式替代 error 样式
- 使用小尺寸
This commit is contained in:
2026-03-10 20:21:38 +08:00
parent 8099320e00
commit e68e24a9fb

View File

@@ -44,9 +44,12 @@ export function DeleteAccountButton({ username }: DeleteAccountButtonProps) {
return ( return (
<> <>
<Button variant="error" onClick={() => setShowModal(true)}> <button
onClick={() => setShowModal(true)}
className="text-xs text-gray-400 hover:text-red-500 transition-colors"
>
{t("deleteAccount.button")} {t("deleteAccount.button")}
</Button> </button>
<Modal open={showModal} onClose={() => setShowModal(false)}> <Modal open={showModal} onClose={() => setShowModal(false)}>
<div className="p-6"> <div className="p-6">