update styles

ChainSafe · Aug 15, 2023 · 12cfddd · 12cfddd
1 parent 2b44328
commit 12cfddd
Show file tree

Hide file tree

Showing 8 changed files with 43 additions and 572 deletions.
diff --git a/packages/ui/src/components/AccountDisplay.tsx b/packages/ui/src/components/AccountDisplay.tsx
@@ -102,10 +102,10 @@ const AccountDisplay = ({
               />
             )}
             {!!sub && <span>{sub}</span>}
-            <NameStyled className={'multisig__name'}>{localName || mainDisplay}</NameStyled>
+            <NameStyled className="multisigName">{localName || mainDisplay}</NameStyled>
           </NameWrapperStyled>
         )}
-        <AddressStyled className={'multisig__address'}>
+        <AddressStyled className="multisigAddress">
           {getDisplayAddress(encodedAddress)}
         </AddressStyled>
         {withBalance && (

diff --git a/packages/ui/src/components/IdenticonBadge.tsx b/packages/ui/src/components/IdenticonBadge.tsx
@@ -66,11 +66,12 @@ const BadgeStyled = styled(Badge)<{
     `}
 
   .MuiBadge-badge {
-    max-width: 2.625rem;
+    max-width: 3.285rem;
+    max-height: 1.69rem;
     padding: 0.25rem 0.5rem;
-    max-height: 1.3125rem;
-    font-size: 0.625rem;
+    font-size: 0.75rem;
     font-weight: 500;
+    height: 1.3125rem;
     border-radius: ${({ theme }) => theme.custom.borderRadius};
     border: 1px solid ${({ theme }) => theme.custom.gray[400]};
     transform: scale(1) translate(-20%, 0);
@@ -99,10 +100,12 @@ const BadgeStyled = styled(Badge)<{
     ${({ size }) =>
       size === 'large' &&
       `
+          font-size: 0.96431rem;
           padding: 0.16069rem 0.64288rem;
           height: 1.7rem;
-          transform: scale(1) translate(20%,30%);
+          transform: scale(1) translate(0,15%);
       `}
+  }
 `
 
 export default IdenticonBadge
diff --git a/packages/ui/src/contexts/HomeModalsContext.tsx b/packages/ui/src/contexts/HomeModalsContext.tsx