feat(web): components update
This commit is contained in:
21
web/src/components/RbDescriptions/index.module.css
Normal file
21
web/src/components/RbDescriptions/index.module.css
Normal file
@@ -0,0 +1,21 @@
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view),
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row) {
|
||||
border: none;
|
||||
}
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label),
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-content) {
|
||||
border-inline-end: none;
|
||||
}
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label) {
|
||||
color: #5B6167;
|
||||
background: transparent;
|
||||
}
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-label),
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row>.ant-descriptions-item-content) {
|
||||
padding: 0;
|
||||
line-height: 20px;
|
||||
}
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row:not(:last-child)>.ant-descriptions-item-label),
|
||||
.rbDescriptions:global(.ant-descriptions.ant-descriptions-bordered>.ant-descriptions-view .ant-descriptions-row:not(:last-child)>.ant-descriptions-item-content) {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
14
web/src/components/RbDescriptions/index.tsx
Normal file
14
web/src/components/RbDescriptions/index.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import { type FC } from 'react'
|
||||
import { Descriptions, type DescriptionsProps } from 'antd'
|
||||
|
||||
import styles from './index.module.css'
|
||||
|
||||
const RbDescriptions: FC<DescriptionsProps> = ({
|
||||
items,
|
||||
}) => {
|
||||
return (
|
||||
<Descriptions bordered column={1} className={styles.rbDescriptions} items={items} />
|
||||
)
|
||||
}
|
||||
|
||||
export default RbDescriptions
|
||||
Reference in New Issue
Block a user