aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-26 18:34:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #117 from MutinyWallet/backup-header-design

Browse Source 
simplify backup header on mobile
This commit is contained in:
Paul Miller
2023-05-12 17:24:30 -05:00
committed by GitHub
parent cd3784d9f0 569c8dc1b6
commit 80c5065a6a
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/OnboardWarning.tsx
View File

@@ -45,14 +45,16 @@ export function OnboardWarning() {
<div class="self-center">
<img src={save} alt="backup" class="w-8 h-8" />
</div>
<div class='flex md:flex-row flex-col items-center gap-4'>
<div class='flex flex-row max-md:items-center justify-between gap-4'>
<div class="flex flex-col">
<SmallHeader>Secure your funds</SmallHeader>
<p class="text-base font-light">
<p class="text-base font-light max-md:hidden">
You have money stored in this browser. Let's make sure you have a backup.
</p>
</div>
<ButtonLink intent="blue" layout="xs" class="self-start md:self-auto" href="/backup">Backup</ButtonLink>
<div class="flex items-center">
<ButtonLink intent="blue" layout="xs" class="self-auto" href="/backup">Backup</ButtonLink>
</div>
</div>
<button tabindex="-1" onClick={() => { setDismissedBackup(true) }} class="self-center hover:bg-white/10 rounded-lg active:bg-m-blue w-8">
<img src={close} alt="Close" />