style: 降低注销按钮的视觉显著性
- 改用 ghost 样式替代 error 样式 - 使用小尺寸
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user