bstein/bstein-dev-home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

portal(onboarding): clarify vaultwarden master password

Browse Source
This commit is contained in:
Brad Stein 2026-01-05 00:06:41 -03:00
parent 16e69541e5
commit a261056961
1 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
frontend/src/views/OnboardingView.vue
View File

@ -130,9 +130,21 @@
</label> </label>
<p class="muted"> <p class="muted">
Open <a href="https://vault.bstein.dev" target="_blank" rel="noreferrer">Passwords</a> and set a strong master Open <a href="https://vault.bstein.dev" target="_blank" rel="noreferrer">Passwords</a> and set a strong master
password you won't forget. If you can't sign in yet, check your Atlas mailbox in password you won't forget.
Your master password is the one password to rule all passwords: use a long passphrase (64+ characters is a good target), and never
write it down or share it with anyone.
If you lose it, Atlas can't recover your vault.
If you can't sign in yet, check your Atlas mailbox in
<a href="https://cloud.bstein.dev" target="_blank" rel="noreferrer">Nextcloud Mail</a> for the invite link. <a href="https://cloud.bstein.dev" target="_blank" rel="noreferrer">Nextcloud Mail</a> for the invite link.
</p> </p>
<details class="howto">
<summary class="mono">Master password guidance</summary>
<ul class="muted howto-list">
<li>Prefer a multi-word passphrase over a single word.</li>
<li>Never store it in plaintext or share it with anyone.</li>
<li>If you forget it, Vaultwarden can’t decrypt your data.</li>
</ul>
</details>
</li> </li>
<li class="check-item" :class="checkItemClass('vaultwarden_browser_extension')"> <li class="check-item" :class="checkItemClass('vaultwarden_browser_extension')">
@ -1069,6 +1081,26 @@ button.secondary {
margin-top: 10px; margin-top: 10px;
} }
.howto {
margin-top: 10px;
border-radius: 12px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: rgba(0, 0, 0, 0.16);
padding: 10px 12px;
}
.howto summary {
cursor: pointer;
color: var(--text-muted);
}
.howto-list {
margin: 10px 0 0;
padding-left: 18px;
display: grid;
gap: 6px;
}
@media (max-width: 560px) { @media (max-width: 560px) {
.recovery-verify { .recovery-verify {
flex-direction: column; flex-direction: column;