diff options
| author | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
|---|---|---|
| committer | opencode-agent[bot] <opencode-agent[bot]@users.noreply.github.com> | 2026-01-30 17:58:31 +0000 |
| commit | fe66ca163cbb9d689cf296c4c2f7a63414c1cf45 (patch) | |
| tree | e330cc07e4ce3b68f64592f7c123cfa1ce77ef23 /packages/ui/src/components/avatar.css | |
| parent | 20619a6a26ec0cfc2707b7ed13387715e9f9cdaa (diff) | |
| download | opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.tar.gz opencode-fe66ca163cbb9d689cf296c4c2f7a63414c1cf45.zip | |
chore: generate
Diffstat (limited to 'packages/ui/src/components/avatar.css')
| -rw-r--r-- | packages/ui/src/components/avatar.css | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/packages/ui/src/components/avatar.css b/packages/ui/src/components/avatar.css index dff6bb7b8..587216077 100644 --- a/packages/ui/src/components/avatar.css +++ b/packages/ui/src/components/avatar.css @@ -1,49 +1,49 @@ [data-component="avatar"] { - --avatar-bg: var(--color-surface-info-base); - --avatar-fg: var(--color-text-base); - display: flex; - align-items: center; - justify-content: center; - flex-shrink: 0; - border-radius: var(--radius-sm); - border: 1px solid var(--color-border-weak-base); - font-family: var(--font-mono); - font-weight: 500; - text-transform: uppercase; - background-color: var(--avatar-bg); - color: var(--avatar-fg); + --avatar-bg: var(--color-surface-info-base); + --avatar-fg: var(--color-text-base); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + border-radius: var(--radius-sm); + border: 1px solid var(--color-border-weak-base); + font-family: var(--font-mono); + font-weight: 500; + text-transform: uppercase; + background-color: var(--avatar-bg); + color: var(--avatar-fg); } [data-component="avatar"][data-has-image] { - background-color: transparent; - border: none; + background-color: transparent; + border: none; } [data-component="avatar"][data-size="small"] { - width: 1.25rem; - height: 1.25rem; - font-size: 0.75rem; - line-height: 1; + width: 1.25rem; + height: 1.25rem; + font-size: 0.75rem; + line-height: 1; } [data-component="avatar"][data-size="normal"] { - width: 1.5rem; - height: 1.5rem; - font-size: 1.125rem; - line-height: 1.5rem; + width: 1.5rem; + height: 1.5rem; + font-size: 1.125rem; + line-height: 1.5rem; } [data-component="avatar"][data-size="large"] { - width: 2rem; - height: 2rem; - font-size: 1.25rem; - line-height: 2rem; + width: 2rem; + height: 2rem; + font-size: 1.25rem; + line-height: 2rem; } [data-component="avatar"] [data-slot="avatar-image"] { - width: 100%; - height: 100%; - display: block; - object-fit: cover; - border-radius: inherit; + width: 100%; + height: 100%; + display: block; + object-fit: cover; + border-radius: inherit; } |