fix(bridge): adjust margin and padding of wallet modal

windranger-io · Aug 2, 2023 · 745fc84 · 745fc84
1 parent 88907c9
commit 745fc84
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/ui/src/wallet/WalletModal.tsx b/packages/ui/src/wallet/WalletModal.tsx
@@ -17,9 +17,9 @@ export const WalletModal = ({ children, onMetamask }: WalletModalProps) => (
     <Dialog.Trigger asChild>{children}</Dialog.Trigger>
     <Dialog.Portal>
       <Dialog.Overlay className="bg-black/60 backdrop-blur-sm data-[state=open]:animate-overlayShow fixed inset-0 z-[999]" />
-      <Dialog.Content className="bg-black data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] w-[90vw] max-w-[484px] translate-x-[-50%] translate-y-[-50%] rounded-[32px] shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none border border-white/20 md:px-[76px] md:py-[38px] px-4 py-5 z-[1000]">
+      <Dialog.Content className="bg-black data-[state=open]:animate-contentShow fixed top-[50%] left-[50%] max-h-[85vh] w-[90vw] max-w-[484px] translate-x-[-50%] translate-y-[-50%] rounded-[32px] shadow-[hsl(206_22%_7%_/_35%)_0px_10px_38px_-10px,_hsl(206_22%_7%_/_20%)_0px_10px_20px_-15px] focus:outline-none border border-white/20 md:px-20 md:py-10 px-4 py-5 z-[1000]">
         <div className="relative">
-          <p className="text-[28px] md:pb-[38px] pb-[18px] md:mb-10 mb-[44px] border-b border-white/20 pr-6 leading-[1.2]">
+          <p className="text-[28px] md:pb-10 pb-5 mb-10 border-b border-white/20 pr-6 leading-[1.2]">
             Connect your wallet
           </p>
           <div className="absolute md:-right-14 -right-4 -top-1">
@@ -51,7 +51,7 @@ export const WalletModal = ({ children, onMetamask }: WalletModalProps) => (
           <MetaMaskSvg className="h-6 w-6" />
           Metamask
         </Button>
-        <p className="text-sm md:mt-10 mt-[23px] tracking-[-0.02em] text-type-secondary text-center">
+        <p className="text-sm md:mt-10 md:mb-0 mt-5 mb-5 tracking-[-0.02em] text-type-secondary text-center">
           By connecting your wallet, you hereby acknowledge that you have read
           and accept the{' '}
           <a