fix(style): select content align
This commit is contained in:
@@ -2,16 +2,8 @@ import IconFont from '@/components/icon-font';
|
|||||||
import type { SelectProps } from 'antd';
|
import type { SelectProps } from 'antd';
|
||||||
import { Select } from 'antd';
|
import { Select } from 'antd';
|
||||||
import React, { forwardRef, useImperativeHandle } from 'react';
|
import React, { forwardRef, useImperativeHandle } from 'react';
|
||||||
import styled from 'styled-components';
|
|
||||||
import NotFoundContent from '../components/not-found-content';
|
import NotFoundContent from '../components/not-found-content';
|
||||||
|
import SelectCss from './styles.less';
|
||||||
const Footer = styled.div`
|
|
||||||
color: var(--ant-color-text-tertiary);
|
|
||||||
margin-top: 8px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding: 8px 12px;
|
|
||||||
border-top: 1px solid var(--ant-color-split);
|
|
||||||
`;
|
|
||||||
|
|
||||||
const BaseSelect: React.FC<
|
const BaseSelect: React.FC<
|
||||||
SelectProps & { ref?: any; footer?: React.ReactNode }
|
SelectProps & { ref?: any; footer?: React.ReactNode }
|
||||||
@@ -58,7 +50,9 @@ const BaseSelect: React.FC<
|
|||||||
? (originNode) => (
|
? (originNode) => (
|
||||||
<>
|
<>
|
||||||
{originNode}
|
{originNode}
|
||||||
{props.footer && <Footer>{props.footer}</Footer>}
|
{props.footer && (
|
||||||
|
<div className={SelectCss.footer}>{props.footer}</div>
|
||||||
|
)}
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
: undefined
|
: undefined
|
||||||
|
|||||||
@@ -0,0 +1,7 @@
|
|||||||
|
.footer {
|
||||||
|
color: var(--ant-color-text-tertiary);
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 8px 12px;
|
||||||
|
border-top: 1px solid var(--ant-color-split);
|
||||||
|
}
|
||||||
@@ -151,7 +151,6 @@ const SelectWrapper = styled.div`
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ant-select-input {
|
.ant-select-input {
|
||||||
height: ${INPUTHEIGHT}px !important;
|
|
||||||
top: 14px !important;
|
top: 14px !important;
|
||||||
}
|
}
|
||||||
.ant-select-placeholder {
|
.ant-select-placeholder {
|
||||||
|
|||||||
Reference in New Issue
Block a user