ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: update form description style

Browse Source
This commit is contained in:
chenos 2021-01-26 22:14:48 +08:00
parent 11f5050fd5
commit 613c4a14ad
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/app/src/components/form.fields/form-description/index.tsx
View File

@ -11,7 +11,7 @@ export const FormDescription = createVirtualBox(
<Card size={'small'} headStyle={{padding: 0}} bodyStyle={{ <Card size={'small'} headStyle={{padding: 0}} bodyStyle={{
padding: 0, padding: 0,
}} className={className} {...props}> }} className={className} {...props}>
<div dangerouslySetInnerHTML={{__html: children && markdown(children)}}></div> {typeof children === 'string' && children && <div dangerouslySetInnerHTML={{__html: markdown(children)}}></div>}
</Card> </Card>
) )
})` })`
@ -19,6 +19,13 @@ export const FormDescription = createVirtualBox(
&.ant-card { &.ant-card {
border: none; border: none;
box-shadow: none; box-shadow: none;
.ant-card-head {
font-size: 16px;
background: #fafafa;
margin: 0 -24px;
padding: 4px 24px !important;
border-top: 1px solid #f0f0f0;
}
p:first-child { p:first-child {
margin-top: 14px; margin-top: 14px;
} }