fix: adjust button layout for download and copy actions in Signup component

This commit is contained in:
codytseng
2025-12-26 09:29:50 +08:00
parent 81667112d1
commit e60a460480

View File

@@ -110,8 +110,8 @@ export default function Signup({
</div> </div>
</div> </div>
<div className="w-full flex flex-col sm:flex-row gap-2 items-stretch"> <div className="w-full flex flex-wrap gap-2">
<Button onClick={handleDownload} className="w-full"> <Button onClick={handleDownload} className="flex-1">
<Download /> <Download />
{t('Download Backup File')} {t('Download Backup File')}
</Button> </Button>
@@ -122,7 +122,7 @@ export default function Signup({
setTimeout(() => setCopied(false), 2000) setTimeout(() => setCopied(false), 2000)
}} }}
variant="secondary" variant="secondary"
className="w-full" className="flex-1"
> >
{copied ? <Check /> : <Copy />} {copied ? <Check /> : <Copy />}
{copied ? t('Copied to Clipboard') : t('Copy to Clipboard')} {copied ? t('Copied to Clipboard') : t('Copy to Clipboard')}