Apps/MobileApp
2
1
Fork 0
Code Issues Pull Requests Releases 5 Wiki Activity

Further improve setup UX

Browse Source
This commit is contained in:
Skylar Ittner 2018-11-09 17:04:39 -07:00
parent 136e7fa660
commit 7963613cd3
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
www/pages/setup1.html
View File

@ -54,12 +54,14 @@
</div>
</div>
</div>
<p style="text-align: center; font-size: 120%;">- or -</p>
{{/if}}
<div class="card">
<div class="card-content card-content-padding">
{{#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}}
<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}}

35
www/pages/setup2.html
View File

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