Something went wrong. Try again.
Atproto AMA app
Something went wrong. Try again.
1.1 kB · 64 lines
CSS
at solid2
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465.header { display: flex; align-items: center; gap: 1rem;}
.headerLeft { flex-shrink: 0;}
.headerActions { margin-left: auto; flex-shrink: 0;}
.avatar { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; background: var(--color-surface-hover); border: 1px solid var(--color-border); flex-shrink: 0;}
.avatarPlaceholder { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 600; color: var(--color-text-muted);}
.profileText { min-width: 0;}
.headerLabel { display: block; font-family: var(--font-mono); font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; color: var(--color-primary); margin-bottom: 0.2rem;}
.displayName { font-family: var(--font-serif); font-size: 1.35rem; font-weight: 600; color: var(--color-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.handle { font-family: var(--font-mono); font-size: 0.85rem; color: var(--color-text-muted);}