diff --git a/packages/amis-ui/scss/components/form/_file.scss b/packages/amis-ui/scss/components/form/_file.scss index 7bea24545..e7abe2f7f 100644 --- a/packages/amis-ui/scss/components/form/_file.scss +++ b/packages/amis-ui/scss/components/form/_file.scss @@ -47,6 +47,8 @@ // } &-description { + margin-top: var(--inputFile-base-des-margin); + line-height: 20px; color: var(--inputFile-base-des-color); font-size: var(--inputFile-base-des-fontSize); font-weight: var(--inputFile-base-des-fontWeight); diff --git a/packages/amis/src/renderers/Form/InputFile.tsx b/packages/amis/src/renderers/Form/InputFile.tsx index 86366f5b9..2778cbe97 100644 --- a/packages/amis/src/renderers/Form/InputFile.tsx +++ b/packages/amis/src/renderers/Form/InputFile.tsx @@ -1447,7 +1447,7 @@ export default class FileControl extends React.Component { ) : ( <> )} - {description - ? render('desc', description, { - className: cx( - 'FileControl-description', - descriptionClassName - ) - }) - : null} )} + {description + ? render('desc', description, { + className: cx('FileControl-description', descriptionClassName) + }) + : null} {maxSize && !drag ? (
{__('File.sizeLimit', {maxSize: prettyBytes(maxSize, 1024)})}