All checks were successful
Trigger cinny-mobile / dispatch (push) Successful in 1s
Integrate profile effects, nameplates, and avatar decorations with live catalog browsing, Matrix profile storage, and rendering across user heroes, DMs, messages, and the sidebar avatar.
23 lines
471 B
TypeScript
23 lines
471 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { config } from 'folds';
|
|
|
|
export const AvatarPresence = style({
|
|
display: 'flex',
|
|
position: 'relative',
|
|
flexShrink: 0,
|
|
});
|
|
|
|
export const AvatarPresenceBadge = style({
|
|
position: 'absolute',
|
|
bottom: 0,
|
|
right: 0,
|
|
transform: 'translate(25%, 25%)',
|
|
zIndex: 10,
|
|
|
|
display: 'flex',
|
|
padding: config.borderWidth.B600,
|
|
backgroundColor: 'inherit',
|
|
borderRadius: config.radii.Pill,
|
|
overflow: 'hidden',
|
|
});
|