Прозрачным аватаркам добавлена подложка
This commit is contained in:
@@ -60,6 +60,7 @@ export function ActionAvatar(props : ActionAvatarProps) {
|
|||||||
size={120}
|
size={120}
|
||||||
radius={120}
|
radius={120}
|
||||||
mx="auto"
|
mx="auto"
|
||||||
|
bg={'#fff'}
|
||||||
name={props.title.trim() || props.publicKey}
|
name={props.title.trim() || props.publicKey}
|
||||||
color={'initials'}
|
color={'initials'}
|
||||||
src={avatars.length > 0 ?
|
src={avatars.length > 0 ?
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ export function Dialog(props : DialogProps) {
|
|||||||
<IconBookmark stroke={2} size={20}></IconBookmark>
|
<IconBookmark stroke={2} size={20}></IconBookmark>
|
||||||
</Avatar> :
|
</Avatar> :
|
||||||
<Box style={{ position: 'relative', display: 'inline-block' }}>
|
<Box style={{ position: 'relative', display: 'inline-block' }}>
|
||||||
<Avatar src={avatars.length > 0 ? avatars[0].avatar : undefined} variant={isInCurrentDialog ? 'filled' : 'light'} name={userInfo.title} size={50} color={'initials'} />
|
<Avatar bg={avatars.length > 0 ? '#fff' : undefined} src={avatars.length > 0 ? avatars[0].avatar : undefined} variant={isInCurrentDialog ? 'filled' : 'light'} name={userInfo.title} size={50} color={'initials'} />
|
||||||
{userInfo.online == OnlineState.ONLINE && (
|
{userInfo.online == OnlineState.ONLINE && (
|
||||||
<Box
|
<Box
|
||||||
style={{
|
style={{
|
||||||
|
|||||||
@@ -186,7 +186,7 @@ export function Message(props: MessageProps) {
|
|||||||
{computedMessageStyle == MessageStyle.ROWS && (
|
{computedMessageStyle == MessageStyle.ROWS && (
|
||||||
<Flex direction={'row'} justify={'space-between'} gap={'sm'}>
|
<Flex direction={'row'} justify={'space-between'} gap={'sm'}>
|
||||||
<Flex direction={'row'} gap={'sm'}>
|
<Flex direction={'row'} gap={'sm'}>
|
||||||
{(!props.avatar_no_render && (md || !props.replyed)) && <Avatar onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} variant={props.parent ? 'filled' : 'light'} color="initials"></Avatar>}
|
{(!props.avatar_no_render && (md || !props.replyed)) && <Avatar bg={avatars.length > 0 ? '#fff' : undefined} onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} variant={props.parent ? 'filled' : 'light'} color="initials"></Avatar>}
|
||||||
<Flex direction={'column'}>
|
<Flex direction={'column'}>
|
||||||
<Flex direction={'row'} gap={3} align={'center'}>
|
<Flex direction={'row'} gap={3} align={'center'}>
|
||||||
{!props.avatar_no_render && (
|
{!props.avatar_no_render && (
|
||||||
@@ -262,7 +262,7 @@ export function Message(props: MessageProps) {
|
|||||||
return (
|
return (
|
||||||
<Flex direction={props.from_me ? 'row-reverse' : 'row'} gap={'sm'} align={'flex-end'}>
|
<Flex direction={props.from_me ? 'row-reverse' : 'row'} gap={'sm'} align={'flex-end'}>
|
||||||
{(md && props.is_last_message_in_stack) && (
|
{(md && props.is_last_message_in_stack) && (
|
||||||
<Avatar onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} color="initials" variant={wallpaper != '' ? 'filled' : 'light'} style={{ flexShrink: 0 }}></Avatar>
|
<Avatar bg={avatars.length > 0 ? '#fff' : undefined} onClick={navigateToUserProfile} src={avatars.length > 0 ? avatars[0].avatar : undefined} name={user.title} color="initials" variant={wallpaper != '' ? 'filled' : 'light'} style={{ flexShrink: 0 }}></Avatar>
|
||||||
)}
|
)}
|
||||||
{(md && !props.is_last_message_in_stack) && (
|
{(md && !props.is_last_message_in_stack) && (
|
||||||
<Box style={{ width: 40, height: 40, flexShrink: 0 }}></Box>
|
<Box style={{ width: 40, height: 40, flexShrink: 0 }}></Box>
|
||||||
|
|||||||
@@ -149,6 +149,7 @@ export function ImageViewer(props : ImageViewerProps) {
|
|||||||
userSelect: 'none',
|
userSelect: 'none',
|
||||||
cursor: isDragging ? 'grabbing' : 'grab',
|
cursor: isDragging ? 'grabbing' : 'grab',
|
||||||
transformOrigin: '0 0',
|
transformOrigin: '0 0',
|
||||||
|
background: '#FFF',
|
||||||
transform: `translate(${pos.x}px, ${pos.y}px) scale(${pos.scale})`,
|
transform: `translate(${pos.x}px, ${pos.y}px) scale(${pos.scale})`,
|
||||||
}}
|
}}
|
||||||
onWheel={onWheel}
|
onWheel={onWheel}
|
||||||
|
|||||||
@@ -21,7 +21,6 @@ self.onmessage = async (event: MessageEvent) => {
|
|||||||
result = await encrypt(payload.data, payload.publicKey);
|
result = await encrypt(payload.data, payload.publicKey);
|
||||||
break;
|
break;
|
||||||
case 'decrypt':
|
case 'decrypt':
|
||||||
console.info("decrypt", payload.privateKey, payload.data);
|
|
||||||
result = await decrypt(payload.data, payload.privateKey);
|
result = await decrypt(payload.data, payload.privateKey);
|
||||||
break;
|
break;
|
||||||
case 'chacha20Encrypt':
|
case 'chacha20Encrypt':
|
||||||
|
|||||||
Reference in New Issue
Block a user