bitwarden/clients
1
0
Fork 0
mirror of https://github.com/bitwarden/clients.git synced 2025-12-10 00:08:42 -06:00
Code Issues Packages Projects Releases 434 Wiki Activity

[PM-18839] Use mono font for color password component (#17785)

Browse Source
This commit is contained in:
Vicki League 2025-12-04 10:44:04 -05:00 committed by GitHub
parent 5386b58f23
commit 4155e26c28
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
libs/components/src/color-password/color-password.component.ts
View File

@ -14,7 +14,7 @@ type CharacterType = "letter" | "emoji" | "special" | "number";
@Component({ @Component({
selector: "bit-color-password", selector: "bit-color-password",
template: `@for (character of passwordCharArray(); track $index; let i = $index) { template: `@for (character of passwordCharArray(); track $index; let i = $index) {
<span [class]="getCharacterClass(character)"> <span [class]="getCharacterClass(character)" class="tw-font-mono">
<span>{{ character }}</span> <span>{{ character }}</span>
@if (showCount()) { @if (showCount()) {
<span class="tw-whitespace-nowrap tw-text-xs tw-leading-5 tw-text-main">{{ i + 1 }}</span> <span class="tw-whitespace-nowrap tw-text-xs tw-leading-5 tw-text-main">{{ i + 1 }}</span>

2
libs/components/src/color-password/color-password.stories.ts
View File

@ -4,7 +4,7 @@ import { formatArgsForCodeSnippet } from "../../../../.storybook/format-args-for
import { ColorPasswordComponent } from "./color-password.component"; import { ColorPasswordComponent } from "./color-password.component";
const examplePassword = "Wq$Jk😀7jlI DX#rS5Sdi!z "; const examplePassword = "Wq$Jk😀7jlI DX#rS5Sdi!z0O ";
export default { export default {
title: "Component Library/Color Password", title: "Component Library/Color Password",