1
0
mirror of https://github.com/bitwarden/browser synced 2026-02-21 11:54:02 +00:00

update avatar sizes in stories

This commit is contained in:
Vicki League
2026-02-13 14:28:23 -05:00
parent 3577cc12e1
commit 44bc9faa4e
5 changed files with 5 additions and 7 deletions

View File

@@ -130,7 +130,7 @@ class MockPopoutButtonComponent {}
selector: "mock-current-account",
template: `
<button class="tw-bg-transparent tw-border-none tw-p-0 tw-me-1 tw-align-middle" type="button">
<bit-avatar text="Ash Ketchum" size="small"></bit-avatar>
<bit-avatar text="Ash Ketchum"></bit-avatar>
</button>
`,
imports: [AvatarModule],

View File

@@ -59,7 +59,7 @@ class MockProductSwitcherComponent {}
// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
@Component({
selector: "dynamic-avatar",
template: `<bit-avatar [text]="name$ | async"></bit-avatar>`,
template: `<bit-avatar [text]="name$ | async" size="large"></bit-avatar>`,
imports: [CommonModule, AvatarModule],
})
class MockDynamicAvatarComponent implements Partial<DynamicAvatarComponent> {

View File

@@ -80,10 +80,7 @@ export default {
>
@if (includeHeaderActions) {
<div slot="header-actions" class="tw-flex tw-items-center tw-gap-2">
<bit-avatar
size="small"
text="Bob Loblaw"
></bit-avatar>
<bit-avatar text="Bob Loblaw"></bit-avatar>
</div>
}
<ng-container [ngSwitch]="contentLength">

View File

@@ -91,7 +91,7 @@ export const KitchenSink: Story = {
type="text"
/>
<button type="button" bitIconButton="bwi-filter" label="Switch products"></button>
<bit-avatar text="Will"></bit-avatar>
<bit-avatar text="Will" size="large"></bit-avatar>
<button bitButton buttonType="primary">New</button>
<button bitButton slot="secondary">Click Me 🎉</button>
<bit-tab-nav-bar slot="tabs">

View File

@@ -113,6 +113,7 @@ export const ContentSlots: Story = {
<bit-avatar
slot="start"
text="Foo"
siez="large"
></bit-avatar>
foo&#64;bitwarden.com
<ng-container slot="secondary">