fix: auto-complete width
This commit is contained in:
@@ -80,7 +80,7 @@ const SealAutoComplete: React.FC<
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<SelectWrapper>
|
<SelectWrapper style={style}>
|
||||||
<Wrapper
|
<Wrapper
|
||||||
className="seal-select-wrapper"
|
className="seal-select-wrapper"
|
||||||
status={status}
|
status={status}
|
||||||
|
|||||||
@@ -34,7 +34,7 @@ const SelectWrapper = styled.div`
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
:global(.ant-select-dropdown) {
|
.ant-select-dropdown {
|
||||||
border-color: var(--ant-input-active-border-color);
|
border-color: var(--ant-input-active-border-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -75,17 +75,15 @@ const SelectWrapper = styled.div`
|
|||||||
&.no-label {
|
&.no-label {
|
||||||
padding-block: 0;
|
padding-block: 0;
|
||||||
|
|
||||||
:global {
|
.ant-select-arrow {
|
||||||
.ant-select-arrow {
|
top: 50%;
|
||||||
top: 50%;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ant-select-selector {
|
.ant-select-selector {
|
||||||
padding-block-start: 0 !important;
|
padding-block-start: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:global(.ant-select .ant-select-selection-search) {
|
.ant-select .ant-select-selection-search {
|
||||||
top: 10px !important;
|
top: 10px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user