cleanup

dove-protocol · Nov 21, 2022 · 7c04515 · 7c04515 · vercel · Nov 21, 2022
1 parent e93763e
commit 7c04515
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/components/DammTabContent.tsx b/components/DammTabContent.tsx
@@ -426,14 +426,12 @@ const DammTabContent = () => {
             value={withdrawFields[Field.CURRENCY_A]}
             expectedChainId={ChainId.ETHEREUM_GOERLI}
           />
-          <div className="relative z-10 mb-4">
-            <InteractButton
-              onConfirm={handleWithdraw}
-              expectedChainId={chain.goerli.id}
-              text="Remove Liquidity"
-            />
-          </div>
-          <div className="mb-4 h-px w-full bg-white/5" />
+          <InteractButton
+            onConfirm={handleWithdraw}
+            expectedChainId={chain.goerli.id}
+            text="Remove Liquidity"
+          />
+          <div className="mb-4 mt-8 h-px w-full bg-white/5" />
           <div className="relative left-1/2 -my-14 -mb-6 flex h-20 w-fit -translate-x-1/2 items-center justify-center">
             <div className="group absolute flex h-6 w-6 -rotate-45 cursor-pointer items-center justify-center border border-white/10 bg-pita outline outline-4 outline-pita transition duration-500 ease-in-out hover:scale-110">
               <BiDownArrowAlt className="relative rotate-45 text-2xl text-white/50 transition duration-500 ease-in-out group-hover:text-sky-400" />

diff --git a/components/TabContainer.tsx b/components/TabContainer.tsx
@@ -2,7 +2,7 @@ import React from "react";
 
 const TabContainer = ({ children }: { children: React.ReactNode }) => {
   return (
-    <div className="flex w-full flex-col rounded-sm bg-[#000612] shadow-damn">
+    <div className="flex w-full flex-col rounded-sm border border-white/5 bg-[#000612] shadow-damn">
       {/* <div className="background-gradient pointer-events-none absolute h-full w-[36rem] opacity-20">
         <div className="background-gradient-pattern" />
       </div> */}

diff --git a/components/UnsupportedNetworkContent.tsx b/components/UnsupportedNetworkContent.tsx
@@ -34,7 +34,7 @@ const UnsupportedNetworkContent = () => {
     <TabContentContainer>
       <div className="flex flex-col">
         <div className="mb-4 flex flex-col items-start justify-start">
-          <GiPeaceDove className="mb-2 rounded-sm bg-sky-400/10 p-2 text-4xl text-sky-400" />
+          <GiPeaceDove className="mb-2 rounded-sm border border-white/10 p-2 text-4xl text-white" />
           <div className="flex flex-col">
             <h4 className="text-white">Dove Protocol</h4>
             <p className=" text-xs text-white/50">
@@ -47,8 +47,9 @@ const UnsupportedNetworkContent = () => {
             return (
               <button
                 onClick={() => handleSwitchNetwork(chainId)}
-                className="group relative mb-2 flex h-16 w-full items-center justify-between overflow-hidden rounded-sm border-y border-sky-400 bg-sky-400/5 p-4 shadow-damn transition duration-500 ease-in-out hover:shadow-none"
+                className="group relative mb-2 flex h-16 w-full items-center justify-between overflow-hidden rounded-sm border-y border-sky-400 bg-gradient-to-t from-sky-400/5 p-4 shadow-damn transition duration-500 ease-in-out hover:shadow-none"
               >
+                <div className="background-gradient-pattern absolute top-0 h-16 w-full opacity-50 gradient-mask-t-0" />
                 <div className="flex items-center">
                   <p className="text-white transition duration-500 ease-in-out group-hover:drop-shadow-tabler">
                     {SUPPORTED_CHAIN_NAMES[chainId as ChainId]}