30 lines
778 B
JavaScript
30 lines
778 B
JavaScript
import { React } from '../../Imports.ts'
|
|
|
|
/**
|
|
* 一条系统提示消息
|
|
* @returns { React.JSX.Element }
|
|
*/
|
|
export default function SystemMessage({ children } = {}) {
|
|
return (
|
|
<div style={{
|
|
width: '100%',
|
|
flexDirection: 'column',
|
|
display: 'flex',
|
|
marginTop: '25px',
|
|
marginBottom: '20px',
|
|
}}>
|
|
<mdui-card variant="filled"
|
|
style={{
|
|
alignSelf: 'center',
|
|
paddingTop: '9px',
|
|
paddingBottom: '9px',
|
|
paddingLeft: '18px',
|
|
paddingRight: '18px',
|
|
fontSize: '92%',
|
|
}}>
|
|
{children}
|
|
</mdui-card>
|
|
</div>
|
|
)
|
|
}
|