4d1ae4eafd
* WIP - new profile view * render common rooms in user profile * add presence component * WIP - room user profile * temp hide profile button * show mutual rooms in spaces, rooms and direct messages categories * add message button * add option to change user powers in profile * improve ban info and option to unban * add share user button in user profile * add option to block user in user profile * improve blocked user alert body * add moderation tool in user profile * open profile view on left side in member drawer * open new user profile in all places
42 lines
931 B
TypeScript
42 lines
931 B
TypeScript
import { style } from '@vanilla-extract/css';
|
|
import { color, config, toRem } from 'folds';
|
|
|
|
export const UserHeader = style({
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
zIndex: 1,
|
|
padding: config.space.S200,
|
|
});
|
|
|
|
export const UserHero = style({
|
|
position: 'relative',
|
|
});
|
|
|
|
export const UserHeroCoverContainer = style({
|
|
height: toRem(96),
|
|
overflow: 'hidden',
|
|
});
|
|
export const UserHeroCover = style({
|
|
height: '100%',
|
|
width: '100%',
|
|
objectFit: 'cover',
|
|
filter: 'blur(16px)',
|
|
transform: 'scale(2)',
|
|
});
|
|
|
|
export const UserHeroAvatarContainer = style({
|
|
position: 'relative',
|
|
height: toRem(29),
|
|
});
|
|
export const UserAvatarContainer = style({
|
|
position: 'absolute',
|
|
left: config.space.S400,
|
|
top: 0,
|
|
transform: 'translateY(-50%)',
|
|
backgroundColor: color.Surface.Container,
|
|
});
|
|
export const UserHeroAvatar = style({
|
|
outline: `${config.borderWidth.B600} solid ${color.Surface.Container}`,
|
|
});
|