Update import wallet cells

This commit is contained in:
Dennis Reimann 2021-03-03 22:27:39 +01:00
parent aaf77515fc
commit 314fda7877
No known key found for this signature in database
GPG key ID: 5009E1797F03F8D0
3 changed files with 32 additions and 33 deletions

View file

@ -24,27 +24,27 @@
<div class="image"> <div class="image">
<vc:icon symbol="hardware-wallet"/> <vc:icon symbol="hardware-wallet"/>
</div> </div>
<div class="content"> <div class="content d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mr-2">
<h4> <div>
<span class="mr-2">Connect hardware&nbsp;wallet</span> <h4>Connect hardware&nbsp;wallet</h4>
<span class="badge bg-primary">Recommended</span>
</h4>
<p class="mb-0 text-secondary">Import your keys using our Vault application</p> <p class="mb-0 text-secondary">Import your keys using our Vault application</p>
</div> </div>
<small class="d-block text-primary mt-2 mt-lg-0">Recommended</small>
</div>
<vc:icon symbol="caret-right" /> <vc:icon symbol="caret-right" />
</a> </a>
<noscript> <noscript>
<div class="list-group-item list-group-item-wallet-setup disabled walletsetupcss"> <div class="list-group-item list-group-item-wallet-setup disabled">
<div class="image"> <div class="image">
<vc:icon symbol="hardware-wallet"/> <vc:icon symbol="hardware-wallet"/>
</div> </div>
<div class="content"> <div class="content d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mr-2">
<h4> <div>
<span class="mr-2">Connect hardware wallet</span> <h4>Connect hardware wallet</h4>
<span class="badge bg-primary">Recommended</span>
</h4>
<p class="mb-0">Please enable JavaScript for this option to be available</p> <p class="mb-0">Please enable JavaScript for this option to be available</p>
</div> </div>
<small class="d-block text-primary mt-2 mt-lg-0">Recommended</small>
</div>
</div> </div>
</noscript> </noscript>
</div> </div>
@ -56,13 +56,13 @@
<div class="image"> <div class="image">
<vc:icon symbol="wallet-file"/> <vc:icon symbol="wallet-file"/>
</div> </div>
<div class="content"> <div class="content d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mr-2">
<h4> <div>
<span class="mr-2">Import wallet file</span> <h4>Import wallet file</h4>
<span class="badge bg-primary">Recommended</span>
</h4>
<p class="mb-0 text-secondary">Upload a file exported from your wallet</p> <p class="mb-0 text-secondary">Upload a file exported from your wallet</p>
</div> </div>
<small class="d-block text-primary mt-2 mt-lg-0">Recommended</small>
</div>
<vc:icon symbol="caret-right" /> <vc:icon symbol="caret-right" />
</a> </a>
</div> </div>
@ -109,13 +109,13 @@
<div class="image"> <div class="image">
<vc:icon symbol="seed"/> <vc:icon symbol="seed"/>
</div> </div>
<div class="content"> <div class="content d-flex flex-column flex-lg-row align-items-lg-center justify-content-lg-between mr-2">
<h4> <div>
<span class="mr-2">Enter wallet seed</span> <h4>Enter wallet seed</h4>
<span class="badge bg-danger" data-toggle="tooltip" data-placement="top" title="You really should not type your seed into a device that is connected to the internet.">Not recommended <span class="fa fa-question-circle-o" title="More information..."></span></span>
</h4>
<p class="mb-0 text-secondary">Provide the 12 or 24 word recovery seed</p> <p class="mb-0 text-secondary">Provide the 12 or 24 word recovery seed</p>
</div> </div>
<small class="d-block text-danger mt-2 mt-lg-0" data-toggle="tooltip" data-placement="top" title="You really should not type your seed into a device that is connected to the internet.">Not recommended <span class="fa fa-question-circle-o" title="More information..."></span></small>
</div>
<vc:icon symbol="caret-right" /> <vc:icon symbol="caret-right" />
</a> </a>
</div> </div>

View file

@ -22,8 +22,8 @@
</a> </a>
</nav> </nav>
<div class="row justify-content-md-center mt-5"> <div class="row justify-content-md-center mt-5 pt-sm-3 pt-md-0">
<main class="col-md-10 col-lg-8 col-xl-6"> <main class="col-md-10 col-lg-8 col-xl-7">
@if (TempData.HasStatusMessage()) @if (TempData.HasStatusMessage())
{ {
<partial name="_StatusMessage"/> <partial name="_StatusMessage"/>

View file

@ -20,7 +20,7 @@ body {
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
padding: 30px; padding: 24px;
} }
} }
@ -97,11 +97,10 @@ body {
padding: 1.5rem; padding: 1.5rem;
} }
.list-group-item-wallet-setup .content .badge { .list-group-item-wallet-setup .content small {
position: relative; font-size: 90%;
top: -1px; text-transform: uppercase;
font-size: 60%; white-space: nowrap;
color: var(--btcpay-color-white);
} }
.list-group-item-wallet-setup .image + .content { .list-group-item-wallet-setup .image + .content {