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:
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user