background repeat

sftwr-prjct-dev · Apr 16, 2021 · 0b502a8 · 0b502a8
1 parent 0f50c2e
commit 0b502a8
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -43,9 +43,9 @@ export default function Home() {
             <div className={styles.connect}>
                     <>
                         {
-                            connected && <p style={{textAlign: "center", fontSize: "larger", marginBottom: '0.5rem' }}>Connected: {account}</p>
+                            connected && <p className="text-center text-sm mb-2 md:text-xl">Connected: {account}</p>
                         }
-                        <div style={{ display: 'flex', justifyContent: 'center'}}>
+                        <div className="flex justify-center">
                         {
                             connected ? <button className={styles.connectBtn} onClick={handleClick}>Add Click</button> :
                             <button className={styles.connectBtn} onClick={connect}>Connect</button>

diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -7,6 +7,13 @@
   align-items: center;
 }
 
+.harmony {
+  background: url('https://gblobscdn.gitbook.com/orgs%2F-LiOowK9lXTPyPxhkAcr%2Favatar.png?alt=media');
+  width: 100vmax;
+  height: 100rem;
+  padding-top: 10rem;
+}
+
 .main {
   margin: 0 auto;
   padding: 1.5rem;
@@ -134,13 +141,6 @@
   height: 1em;
 }
 
-.harmony {
-  background-image: url('https://gblobscdn.gitbook.com/orgs%2F-LiOowK9lXTPyPxhkAcr%2Favatar.png?alt=media');
-  width: 100vmax;
-  height: 100rem;
-  padding-top: 10rem;
-}
-
 @media (max-width: 600px) {
   .grid {
     width: 100%;