haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-09 19:01:42 +00:00
Code Issues Releases Wiki Activity

optimize avatar in detail (#7601)

Browse Source 
Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2025-03-12 23:02:37 +08:00
committed by GitHub
parent 5f412d7046
commit 68fa0a311e
4 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/components/dialog/image-dialog/index.css
View File

@@ -52,7 +52,7 @@
width: 100%; width: 100%;
height: fit-content; height: fit-content;
display: flex; display: flex;
padding: 26px 16px; padding: 20px 16px;
border: none; border: none;
font-size: 1rem; font-size: 1rem;
} }
@@ -69,10 +69,6 @@
padding: 0 16px 8px; padding: 0 16px 8px;
} }
.lightbox-side-panel .file-details-collapse+.dirent-detail-people {
margin-top: 20px;
}
.lightbox-side-panel .sf-metadata-ui.collaborator-item, .lightbox-side-panel .sf-metadata-ui.collaborator-item,
.lightbox-side-panel .sf-metadata-text-property-detail-editor:not(.formatter), .lightbox-side-panel .sf-metadata-text-property-detail-editor:not(.formatter),
.lightbox-side-panel .sf-metadata-number-property-detail-editor:focus { .lightbox-side-panel .sf-metadata-number-property-detail-editor:focus {
@@ -96,6 +92,9 @@
background-color: #666; background-color: #666;
} }
.lightbox-side-panel .dirent-detail-people { .lightbox-side-panel .detail-body .dirent-detail-people {
border-top: 1px solid #999; position: relative;
transform: none;
padding-bottom: 16px;
border-bottom: 1px solid #999;
} }

4
frontend/src/components/dirent-detail/dirent-details/file-details/index.js
View File

@@ -108,6 +108,7 @@ const FileDetails = React.memo(({ repoID, dirent, path, direntDetail, isShowRepo
component = ( component = (
<> <>
{enableMetadata && enableFaceRecognition && <People repoID={repoID} record={record} />}
<Collapse title={gettext('General information')}> <Collapse title={gettext('General information')}>
{dom} {dom}
</Collapse> </Collapse>
@@ -130,9 +131,6 @@ const FileDetails = React.memo(({ repoID, dirent, path, direntDetail, isShowRepo
return ( return (
<> <>
{component} {component}
{enableFaceRecognition && Utils.imageCheck(dirent.name) && (
<People repoID={repoID} record={record} />
)}
</> </>
); );
}, (props, nextProps) => { }, (props, nextProps) => {

9
frontend/src/components/dirent-detail/dirent-details/index.css
View File

@@ -41,7 +41,16 @@
padding: 6.5px 6px;; padding: 6.5px 6px;;
} }
.detail-body .detail-content {
position: relative;
}
.detail-body .detail-content.detail-content-empty { .detail-body .detail-content.detail-content-empty {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.detail-body .dirent-detail-people {
position: absolute;
transform: translateY(-50px);
}

9
frontend/src/components/dirent-detail/people/index.css
View File

@@ -1,15 +1,12 @@
.dirent-detail-people { .dirent-detail-people {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12px; gap: 10px;
margin-bottom: 20px;
border-top: 1px solid #eee;
padding-top: 20px;
} }
.dirent-detail-people .dirent-detail-people-item { .dirent-detail-people .dirent-detail-people-item {
width: 32px; width: 28px;
height: 32px; height: 28px;
border-radius: 50%; border-radius: 50%;
overflow: hidden; overflow: hidden;
} }