1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-12 14:38:58 +00:00

[new 'details' panel] redesigned the UI of the detail items (#6893)

* [new 'details' panel] redesigned the UI of the detail items

* [new 'details' panel] UI fixup
This commit is contained in:
llj 2024-10-16 17:20:37 +08:00 committed by GitHub
parent eee3037d12
commit b9ec3684b5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 3 deletions

View File

@ -17,13 +17,13 @@
height: fit-content;
color: #666;
font-size: 14px;
line-height: 1.5;
}
.dirent-detail-item .dirent-detail-item-name .sf-metadata-icon {
margin-right: 6px;
font-size: 14px;
fill: #999;
flex-shrink: 0;
}
.dirent-detail-item .dirent-detail-item-value {

View File

@ -14,8 +14,8 @@ const DetailItem = ({ readonly, field, className, children }) => {
return (
<div className={classnames('dirent-detail-item', className)}>
<div className="dirent-detail-item-name">
<Icon iconName={icon} />
<div className="dirent-detail-item-name d-flex">
<div><Icon iconName={icon} /></div>
<span className="dirent-detail-item-name-value">{field.name}</span>
</div>
<div className={classnames('dirent-detail-item-value', { 'editable': !readonly })} >