Fix mobile issues

BuidlGuidl · Nov 5, 2024 · 3951383 · 3951383
1 parent a8e3483
commit 3951383
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 14 deletions.
diff --git a/packages/nextjs/components/StreamContractInfo.tsx b/packages/nextjs/components/StreamContractInfo.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { BigNumber } from "ethers";
 import { useAccount } from "wagmi";
-import { BanknotesIcon, QuestionMarkCircleIcon } from "@heroicons/react/24/outline";
+import { BanknotesIcon } from "@heroicons/react/24/outline";
 import { Address, Balance } from "~~/components/scaffold-eth";
 import { useDeployedContractInfo, useScaffoldContractRead } from "~~/hooks/scaffold-eth";
 
@@ -26,24 +26,16 @@ export const StreamContractInfo = () => {
 
   return (
     <>
-      <div className="mt-16 text-base w-[500px]">
+      <div className="mt-16 text-base">
         <div className="p-6 pb-10 bg-[#fff] text-[#000] rounded-tl-lg rounded-tr-lg flex flex-col items-center">
-          <p className="">
-            Stream Contract
-            <span
-              className="tooltip text-white font-normal"
-              data-tip="All streams and contributions are handled by a contract on Mainnet"
-            >
-              <QuestionMarkCircleIcon className="h-5 w-5 inline-block ml-2" />
-            </span>
-          </p>
-          <div className="flex gap-2 items-baseline">
+          <p>Stream Contract</p>
+          <div className="flex flex-col sm:flex-row gap-2 items-center sm:items-baseline">
             <div className="flex flex-col items-center">
               <Address address={streamContract?.address} />
               <span className="text-sm text-[#323aa8]">Mainnet</span>
             </div>
             {""}
-            /
+            <span className="hidden sm:block">/</span>
             <Balance address={streamContract?.address} className="text-3xl" />
           </div>
           {address && amIAStreamdBuilder && (

diff --git a/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx b/packages/nextjs/components/scaffold-eth/RainbowKitCustomConnectButton.tsx
@@ -30,7 +30,7 @@ export const RainbowKitCustomConnectButton = () => {
               if (!connected) {
                 return (
                   <button className="btn btn-primary btn-xl" onClick={openConnectModal} type="button">
-                    Connect Wallet
+                    Connect
                   </button>
                 );
               }