test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 03:58:07 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

styles: InputFile组件样式调整 (#8522)

Browse Source 
* feat: InputFile组件样式调整

* 文件上传css变量设置
This commit is contained in:
miaoxinyu01 2023-10-30 12:46:23 +08:00 committed by GitHub
parent 26f09bb38a
commit 884e16e6e1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/amis-ui/scss/components/form/_file.scss
View File

@ -47,6 +47,8 @@
// } // }
&-description { &-description {
margin-top: var(--inputFile-base-des-margin);
line-height: 20px;
color: var(--inputFile-base-des-color); color: var(--inputFile-base-des-color);
font-size: var(--inputFile-base-des-fontSize); font-size: var(--inputFile-base-des-fontSize);
font-weight: var(--inputFile-base-des-fontWeight); font-weight: var(--inputFile-base-des-fontWeight);

15
packages/amis/src/renderers/Form/InputFile.tsx
View File

@ -1447,7 +1447,7 @@ export default class FileControl extends React.Component<FileProps, FileState> {
) : ( ) : (
<> <>
<Button <Button
level="default" level="enhance"
disabled={disabled} disabled={disabled}
className={cx('FileControl-selectBtn', btnClassName, { className={cx('FileControl-selectBtn', btnClassName, {
'is-disabled': 'is-disabled':
@ -1471,18 +1471,15 @@ export default class FileControl extends React.Component<FileProps, FileState> {
</Button> </Button>
</> </>
)} )}
{description
? render('desc', description, {
className: cx(
'FileControl-description',
descriptionClassName
)
})
: null}
</div> </div>
)} )}
</DropZone> </DropZone>
{description
? render('desc', description, {
className: cx('FileControl-description', descriptionClassName)
})
: null}
{maxSize && !drag ? ( {maxSize && !drag ? (
<div className={cx('FileControl-sizeTip')}> <div className={cx('FileControl-sizeTip')}>
{__('File.sizeLimit', {maxSize: prettyBytes(maxSize, 1024)})} {__('File.sizeLimit', {maxSize: prettyBytes(maxSize, 1024)})}