style: show fake address + error message on small screen

The-JW-Corp · Dec 31, 2023 · ca69e04 · ca69e04
1 parent 059b317
commit ca69e04
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/client/src/app/globals.css b/client/src/app/globals.css
@@ -54,3 +54,18 @@ a {
   color: inherit;
   text-decoration: none;
 }
+.page_error_size{
+  display: none;
+}
+@media (max-width: 1400px) {
+  .page_container{
+    display: none;
+  }
+  .page_error_size{
+    display: flex;
+    font-size: 20px;
+    height: 100vh;
+    align-items: center;
+    font-weight: 600;
+  }
+}
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
@@ -26,6 +26,7 @@ export default function RootLayout({
           </div>
           {children}
         </div>
+        <div className="page_error_size">Go on a bigger screen.</div>
       </body>
     </html>
   );

diff --git a/client/src/components/buttons/Button.jsx b/client/src/components/buttons/Button.jsx
@@ -43,7 +43,7 @@ function Button({ text, isSelected, onClick, isWalletConnected }) {
           }
           style={{ display: showNextButton ? "flex" : "none" }}
         >
-          {text}
+          {text === "connect wallet" && isWalletConnected ? "7DXaA...CcY"  : text}
         </div>
         {isSelected && (
           <>