fix: adjust button layout for download and copy actions in Signup component
This commit is contained in:
@@ -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')}
|
||||||
|
|||||||
Reference in New Issue
Block a user