use tailwind to fix the copy on mobile

BuidlGuidl · Apr 10, 2024 · ca7f963 · ca7f963
1 parent 65ef2c8
commit ca7f963
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractReadMethods.tsx
@@ -34,7 +34,10 @@ export const ContractReadMethods = ({
   if (!functionsToDisplay.length) {
     return (
       <div className="py-5">
-        <span className="font-light text-gray-500 my-5">Please select read methods from the sidebar.</span>
+        <span className="font-light text-gray-500 my-5">
+          Please select read methods from the <span className="sm:hidden">hamburger menu</span>
+          <span className="hidden sm:inline">sidebar</span>.
+        </span>
       </div>
     );
   }

diff --git a/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx b/packages/nextjs/components/scaffold-eth/Contract/ContractWriteMethods.tsx
@@ -35,7 +35,10 @@ export const ContractWriteMethods = ({
   if (!functionsToDisplay.length) {
     return (
       <div className="py-5">
-        <span className="font-light text-gray-500">Please select write methods from the sidebar.</span>
+        <span className="font-light text-gray-500 my-5">
+          Please select read methods from the <span className="sm:hidden">hamburger menu</span>
+          <span className="hidden sm:inline">sidebar</span>.
+        </span>
       </div>
     );
   }