style: tuning style

RabbyHub · Apr 12, 2024 · 717c6b4 · 717c6b4
1 parent 1cb57e1
commit 717c6b4
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git 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 = ({
             <Checkbox
               width="20px"
               height="20px"
-              className="mr-12"
+              className="flex-1"
               background="var(--r-green-default, #2ABB7F)"
               checked={
                 !!checkedList.find((item) =>
@@ -149,8 +153,9 @@ const EditWhitelist = ({
               onChange={(checked) =>
                 handleCheckAddress(checked, account.address)
               }
-            />
-            <AccountItem account={account} />
+            >
+              <AccountItem account={account} />
+            </Checkbox>
           </AccountItemSelector>
         ))}
       </ListScrollWrapper>

diff --git 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
@@ -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;
     }