Allow multil-line text on KYC buttons to fix mobile truncation

This commit is contained in:
CycroftX
2026-02-03 22:53:04 +05:30
parent 31734120e7
commit bee1882867

View File

@@ -102,20 +102,20 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
<h4 className="text-sm font-semibold">Verification Decision</h4> <h4 className="text-sm font-semibold">Verification Decision</h4>
<div className="flex flex-col sm:flex-row gap-3"> <div className="flex flex-col sm:flex-row gap-3">
<Button <Button
className="w-full sm:flex-1 bg-success hover:bg-success/90 text-white gap-2" className="w-full sm:flex-1 bg-success hover:bg-success/90 text-white gap-2 h-auto whitespace-normal py-3"
onClick={handleApprove} onClick={handleApprove}
disabled={status !== 'pending'} disabled={status !== 'pending'}
> >
<CheckCircle2 className="h-4 w-4" /> <CheckCircle2 className="h-4 w-4 shrink-0" />
Approve & Verify Approve & Verify
</Button> </Button>
<Button <Button
variant="destructive" variant="destructive"
className="w-full sm:flex-1 gap-2" className="w-full sm:flex-1 gap-2 h-auto whitespace-normal py-3"
onClick={handleReject} onClick={handleReject}
disabled={status !== 'pending'} disabled={status !== 'pending'}
> >
<XCircle className="h-4 w-4" /> <XCircle className="h-4 w-4 shrink-0" />
Reject & Request Changes Reject & Request Changes
</Button> </Button>
</div> </div>