Skip to content

Commit

Permalink
Update descriptions
Browse files Browse the repository at this point in the history
  • Loading branch information
@Levminer
Levminer committed Sep 11, 2023
1 parent 5e84305 commit 13e1c49
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 21 deletions.
12 changes: 6 additions & 6 deletions interface/windows/import/import.svelte
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="transparent-900 m-auto my-20 w-4/5 rounded-2xl p-10 text-left">
<h1 class="px-10">Supported QR codes</h1>
<h1 class="px-10">Supported 2FA types</h1>
<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left sm:flex-wrap">
<div>
<h2>TOTP 2FA QR code</h2>
<h3>A TOTP QR code is that you find mostly everywhere, if you want to setup 2FA. Consist of 6 digits which are changing every 30 seconds.</h3>
<h3>A TOTP QR code is what you find mostly everywhere, if you want to setup 2FA. Consist of 6 digits which are changing every 30 seconds.</h3>
</div>
<div class="ml-20 flex gap-3 sm:ml-0 sm:mt-5">
<button class="button" on:click={showTOTPDialog}>
Expand Down Expand Up @@ -160,8 +160,8 @@

<div class="mt-10 flex flex-row space-x-5">
<ol class="instructions">
<li>Export the QR codes from the Google Authenticator app: Tap on the hamburger menu in the top left corner of the screen: Transfer Accounts > Export Accounts</li>
<li>Save the two or more QR code with a screenshot or take a picture with another phone if you are on Android. Transfer these pictures to your computer</li>
<li>Export the 2FA codes from the Google Authenticator app: Tap on the hamburger menu in the top left corner of the screen: Transfer Accounts > Export Accounts</li>
<li>Save the migration QR code(s) with a screenshot or take a picture with another phone if you are on Android. Transfer these pictures to your computer</li>
<li>In Authme, go to the Import page: Sidebar > Import</li>
<li>Click the Choose images button and select the picture(s) you transferred from your phone</li>
</ol>
Expand All @@ -184,9 +184,9 @@
<div class="mt-10 flex flex-row space-x-5">
<ol class="instructions">
<li>Go to the website where you want to setup 2FA</li>
<li>Take a screenshot (Windows key + Shift + S key combination on Windows, Cmd + Shift + 3 on macOS) of the QR code, and save the pictures</li>
<li>Take a screenshot (Windows key + Shift + S key combination on Windows, Cmd + Shift + 3 on macOS) of the QR code, and save the picture</li>
<li>In Authme, go to the Import page: Sidebar > Import</li>
<li>Click the Choose images button and select the pictures(s)</li>
<li>Click the Choose images button and select the picture</li>
</ol>
</div>

Expand Down
30 changes: 15 additions & 15 deletions interface/windows/settings/settings.svelte
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
<div>
<h2>Clear data</h2>
<h3>Clear password, 2FA codes and all other settings. Be careful.</h3>
<h3>Clear password, 2FA codes and all other settings. Be careful, this can not be undone.</h3>
</div>
<div class="ml-20 flex gap-3">
<button class="button" on:click={clearData}>
Expand All @@ -61,23 +61,10 @@
<h1 class="px-10">Codes</h1>

<div class="mx-auto flex flex-col items-center justify-center rounded-2xl p-10">
<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
<div>
<h2>Delete codes</h2>
<h3>You can delete all codes. Be careful, this can not be undone.</h3>
</div>
<div class="ml-20 flex gap-3">
<button class="button" on:click={deleteCodes}>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /></svg>
Delete codes
</button>
</div>
</div>

<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
<div>
<h2>Codes description</h2>
<h3>The saved codes description will be visible. You can copy it after clicking it.</h3>
<h3>2FA codes description will be visible. You can copy it after clicking it.</h3>
</div>
<div class="ml-20 flex gap-3">
<Toggle bind:checked={$settings.settings.codesDescription} />
Expand Down Expand Up @@ -113,6 +100,19 @@
<Select options={["Default", "A-Z", "Z-A"]} setting={"sortCodes"} />
</div>
</div>

<div class="transparent-800 mb-5 flex w-full flex-row items-center justify-between rounded-xl p-5 text-left">
<div>
<h2>Delete codes</h2>
<h3>Delete all imported 2FA codes. Be careful, this can not be undone.</h3>
</div>
<div class="ml-20 flex gap-3">
<button class="button" on:click={deleteCodes}>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18" /><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" /><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /></svg>
Delete codes
</button>
</div>
</div>
</div>
</div>

Expand Down

0 comments on commit 13e1c49

Please sign in to comment.