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:
@@ -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],
|
||||
|
||||
@@ -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> {
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -113,6 +113,7 @@ export const ContentSlots: Story = {
|
||||
<bit-avatar
|
||||
slot="start"
|
||||
text="Foo"
|
||||
siez="large"
|
||||
></bit-avatar>
|
||||
foo@bitwarden.com
|
||||
<ng-container slot="secondary">
|
||||
|
||||
Reference in New Issue
Block a user