Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-12 04:18:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: adjust style of CloudUserAvatar (#8548)

Browse Source 
close PD-1774

![CleanShot 2024-10-18 at 17 59 52@2x](https://github.com/user-attachments/assets/ac73fa27-25ab-4136-9008-7abde4491f92)
This commit is contained in:
JimmFly
2024-10-19 13:37:06 +00:00
parent 675a010dfc
commit 3ca052c55f
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/frontend/core/src/components/doc-properties/types/created-updated-by.css.ts Normal file
View File

@@ -0,0 +1,5 @@
import { style } from '@vanilla-extract/css';
export const userWrapper = style({
display: 'flex',
gap: '8px',
});

8
packages/frontend/core/src/components/doc-properties/types/created-updated-by.tsx
View File

@@ -5,6 +5,8 @@ import { useI18n } from '@affine/i18n';
import { useLiveData, useService, WorkspaceService } from '@toeverything/infra'; import { useLiveData, useService, WorkspaceService } from '@toeverything/infra';
import { useEffect, useMemo } from 'react'; import { useEffect, useMemo } from 'react';
import { userWrapper } from './created-updated-by.css';
const CloudUserAvatar = (props: { type: 'CreatedBy' | 'UpdatedBy' }) => { const CloudUserAvatar = (props: { type: 'CreatedBy' | 'UpdatedBy' }) => {
const cloudDocMetaService = useService(CloudDocMetaService); const cloudDocMetaService = useService(CloudDocMetaService);
const cloudDocMeta = useLiveData(cloudDocMetaService.cloudDocMeta.meta$); const cloudDocMeta = useLiveData(cloudDocMetaService.cloudDocMeta.meta$);
@@ -46,10 +48,10 @@ const CloudUserAvatar = (props: { type: 'CreatedBy' | 'UpdatedBy' }) => {
} }
if (user) { if (user) {
return ( return (
<> <div className={userWrapper}>
<Avatar url={user.avatarUrl || ''} name={user.name} size={20} /> <Avatar url={user.avatarUrl || ''} name={user.name} size={22} />
<span>{user.name}</span> <span>{user.name}</span>
</> </div>
); );
} }
return <NoRecordValue />; return <NoRecordValue />;