haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-07-12 22:49:15 +00:00
Code Issues Releases Wiki Activity

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

Browse Source 
* [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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dirent-detail/detail-item/index.css
View File

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

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

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