diff --git a/src/ui/component/Contact/EditWhitelist.tsx b/src/ui/component/Contact/EditWhitelist.tsx index 87c60e47579..980d0406f44 100644 --- a/src/ui/component/Contact/EditWhitelist.tsx +++ b/src/ui/component/Contact/EditWhitelist.tsx @@ -46,6 +46,10 @@ const AccountItemSelector = styled.div` &:nth-last-child(1) { margin-bottom: 0; } + .rabby-checkbox__label { + flex: 1; + margin-left: 12px; + } `; interface Props { @@ -139,7 +143,7 @@ const EditWhitelist = ({ @@ -149,8 +153,9 @@ const EditWhitelist = ({ onChange={(checked) => handleCheckAddress(checked, account.address) } - /> - + > + + ))} diff --git a/src/ui/views/AddressManagement/SortPopup.tsx b/src/ui/views/AddressManagement/SortPopup.tsx index d281c3dd0d8..6679ab6e51e 100644 --- a/src/ui/views/AddressManagement/SortPopup.tsx +++ b/src/ui/views/AddressManagement/SortPopup.tsx @@ -73,7 +73,7 @@ export const AddressSortPopup = ({ onClick={handleChange(e.key)} className="text-14 text-r-neutral-title-1 font-normal" leftIconClassName="mr-12 w-20 text-r-neutral-title-1" - rightIcon={sortType === e.key ? ImgChecked : null} + rightIcon={ImgChecked} rightIconClassName="w-20" > {e.label} diff --git a/src/ui/views/AddressManagement/style.less b/src/ui/views/AddressManagement/style.less index c3e96553c2d..8405106f56d 100644 --- a/src/ui/views/AddressManagement/style.less +++ b/src/ui/views/AddressManagement/style.less @@ -158,9 +158,6 @@ } &:hover { border: none; - .rabby-address-item-left { - background-color: var(--r-blue-light-1, #eef1ff); - } } } } @@ -341,8 +338,9 @@ .search-input { padding-left: 8px; border: none; - - &, & .ant-input { + + &, + & .ant-input { background: transparent; }