Further improve setup UX

master v2.0
Skylar Ittner 6 years ago
parent 136e7fa660
commit 7963613cd3

@ -54,12 +54,14 @@
</div> </div>
</div> </div>
</div> </div>
<p style="text-align: center; font-size: 120%;">- or -</p>
{{/if}} {{/if}}
<div class="card"> <div class="card">
<div class="card-content card-content-padding"> <div class="card-content card-content-padding">
{{#if personal}} {{#if personal}}
<p>Or, scan a QR code with your phone camera. Open your account dashboard on another device (like a computer) and go to Sync settings. Generate a mobile sync code, then press the button below to scan it.</p> <p>Scan a QR code with your phone camera. Open your account dashboard on another device (like a computer) and go to Sync settings. Generate a mobile sync code, then press the button below to scan it.</p>
{{else}} {{else}}
<p>Open AccountHub on another device and go to Sync settings. Generate a mobile sync code, then press the button below to scan it.</p> <p>Open AccountHub on another device and go to Sync settings. Generate a mobile sync code, then press the button below to scan it.</p>
{{/if}} {{/if}}

@ -19,23 +19,28 @@
<div class="page-content"> <div class="page-content">
<div class="block"> <div class="block">
<p>Enter your password, then tap Finish.</p> <div class="card">
<div class="card-content card-content-padding">
<div class="list"> <p>Enter your password, then tap Finish.</p>
<ul>
<li class="item-content item-input"> <div class="list no-hairlines">
<div class="item-media"><i class="fas fa-key"></i></div> <ul>
<div class="item-inner"> <li class="item-content item-input">
<div class="item-input-wrap"> <div class="item-inner">
<input type="password" id="passbox" placeholder="Password"> <div class="item-title item-floating-label">Password</div>
<span class="input-clear-button"></span> <div class="item-input-wrap">
</div> <input type="password" id="passbox" placeholder="">
</div> <span class="input-clear-button"></span>
</li> </div>
</ul> </div>
</li>
</ul>
</div>
<br />
<button class="button button-fill button-raised button-round" onclick="savePassword()">Finish</button>
</div>
</div> </div>
<button class="button button-fill button-raised button-round" onclick="savePassword()">Finish</button>
</div> </div>
</div> </div>

Loading…
Cancel
Save