style: unify button row styling in figlet font preview

- Update Copy, Share, PNG, and TXT button icons to h-3 w-3 with mr-2
- Matches the styling of the Random font button for a consistent UI
This commit is contained in:
2026-02-23 08:00:34 +01:00
parent d9315ecf7d
commit 59ad5143eb

View File

@@ -65,23 +65,23 @@ export function FontPreview({ text, font, isLoading, onCopy, onDownload, onShare
<div className="flex gap-2 flex-wrap"> <div className="flex gap-2 flex-wrap">
{onCopy && ( {onCopy && (
<Button variant="outline" size="sm" onClick={onCopy}> <Button variant="outline" size="sm" onClick={onCopy}>
<Copy className="h-4 w-4" /> <Copy className="h-3 w-3 mr-2" />
Copy Copy
</Button> </Button>
)} )}
{onShare && ( {onShare && (
<Button variant="outline" size="sm" onClick={onShare} title="Copy shareable URL"> <Button variant="outline" size="sm" onClick={onShare} title="Copy shareable URL">
<Share2 className="h-4 w-4" /> <Share2 className="h-3 w-3 mr-2" />
Share Share
</Button> </Button>
)} )}
<Button variant="outline" size="sm" onClick={handleExportPNG} title="Export as PNG"> <Button variant="outline" size="sm" onClick={handleExportPNG} title="Export as PNG">
<ImageIcon className="h-4 w-4" /> <ImageIcon className="h-3 w-3 mr-2" />
PNG PNG
</Button> </Button>
{onDownload && ( {onDownload && (
<Button variant="outline" size="sm" onClick={onDownload}> <Button variant="outline" size="sm" onClick={onDownload}>
<Download className="h-4 w-4" /> <Download className="h-3 w-3 mr-2" />
TXT TXT
</Button> </Button>
)} )}