Tweak address tile UI

trilitech · Sep 13, 2023 · a4b82a7 · a4b82a7
1 parent 0ff93bc
commit a4b82a7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/AddressTile/AddressTile.tsx b/src/components/AddressTile/AddressTile.tsx
@@ -15,7 +15,7 @@ const AddressTile: React.FC<{ address: Address } & FlexProps> = ({ address, ...f
     <Flex
       alignItems="center"
       w="400px"
-      p="9px 15px"
+      p="9px 10px"
       borderRadius="4px"
       bg={colors.gray[800]}
       justifyContent="space-between"

diff --git a/src/components/AddressTile/AddressTileIcon.tsx b/src/components/AddressTile/AddressTileIcon.tsx
@@ -13,7 +13,7 @@ const baseIconProps = {
   height: "30px",
   width: "30px",
   borderRadius: "4px",
-  p: "3.5px",
+  p: "5px",
   bg: colors.gray[500],
 };
 
@@ -22,7 +22,7 @@ const AddressTileIcon: React.FC<{
 }> = ({ addressKind }) => {
   switch (addressKind.type) {
     case "mnemonic":
-      return <Identicon identiconSize={32} address={addressKind.pkh} />;
+      return <Identicon p="5px" identiconSize={20} address={addressKind.pkh} />;
     case "social":
       return <SocialIcon {...baseIconProps} bg="white" />;
     case "ledger":