fix mobile nav

blockworks-foundation · Aug 19, 2024 · c5873c1 · c5873c1
1 parent eadf713
commit c5873c1
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 14 deletions.
diff --git a/components/DepositForm.tsx b/components/DepositForm.tsx
@@ -297,7 +297,7 @@ function DespositForm({ token: selectedToken, clientContext }: StakeFormProps) {
                 })}
               </div>
             ) : ipAllowed ? (
-              `Boost! ${inputAmount} ${formatTokenSymbol(selectedToken)}`
+              `Add ${inputAmount} ${formatTokenSymbol(selectedToken)}`
             ) : (
               'Country not allowed'
             )}

diff --git a/components/Stake.tsx b/components/Stake.tsx
@@ -79,7 +79,7 @@ const Stake = () => {
         >
           <div className="mb-4 flex items-center justify-between">
             <div className="h-10 w-10" />
-            <h2>Select token to Boost!</h2>
+            <h2>Select token to add</h2>
             <IconButton
               onClick={() => setShowTokenSelect(false)}
               hideBg

diff --git a/components/TopBar.tsx b/components/TopBar.tsx
@@ -113,7 +113,7 @@ const MenuPanel = ({
   return (
     <>
       <div
-        className={`fixed right-0 top-0 z-40 h-screen w-[97%] overflow-hidden bg-th-bkg-2 transition duration-300 ease-in-out ${
+        className={`fixed right-0 top-0 z-40 h-screen w-[97%] overflow-hidden bg-th-primary-1 transition duration-300 ease-in-out ${
           showMenu ? 'translate-x-0' : 'translate-x-full'
         }`}
       >
@@ -130,7 +130,15 @@ const MenuPanel = ({
             onClick={closeOnClick}
             shallow
           >
-            Boost!
+            Home
+          </Link>
+          <Link
+            className="block text-xl font-bold text-th-fgd-1"
+            href="/dashboard"
+            onClick={closeOnClick}
+            shallow
+          >
+            Dashboard
           </Link>
           <Link
             className="block text-xl font-bold text-th-fgd-1"
@@ -142,11 +150,11 @@ const MenuPanel = ({
           </Link>
           <Link
             className="block text-xl font-bold text-th-fgd-1"
-            href="/faqs"
+            href="/yield-calculator"
             onClick={closeOnClick}
             shallow
           >
-            FAQs
+            Yield calculator
           </Link>
         </div>
       </div>

diff --git a/pages/yield-calculator.tsx b/pages/yield-calculator.tsx
@@ -5,15 +5,17 @@ import Link from 'next/link'
 const YieldCalc: NextPage = () => {
   return (
     <div className="mx-auto w-full max-w-5xl py-12">
-      <h2 className="text-shadow mb-2 px-6 text-center text-3xl text-th-button-text md:text-5xl xl:px-0">
-        Yield calculator
-      </h2>
-      <p className="mb-6 text-center text-base text-th-fgd-2">
-        Compare native liquid staking yields with Yield Fan to see the extra
-        returns you could earn.
-      </p>
+      <div className="px-6">
+        <h2 className="text-shadow mb-2 px-6 text-center text-3xl text-th-button-text md:text-5xl xl:px-0">
+          Yield calculator
+        </h2>
+        <p className="mb-6 text-center text-base text-th-fgd-2">
+          Compare native liquid staking yields with Yield Fan to see the extra
+          returns you could earn.
+        </p>
+      </div>
       <YieldCalculator />
-      <div className="mx-auto max-w-3xl pt-6">
+      <div className="mx-auto max-w-3xl px-6 pt-6">
         <p className="text-center text-sm text-th-fgd-4">
           This calculator is for educational purposes only. It assumes rates and
           prices remain constant over time. Take the time to understand the{' '}