Allow multil-line text on KYC buttons to fix mobile truncation
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user