updated bg

RocketNFT · Jan 30, 2020 · abe20ac · abe20ac
1 parent a7071d1
commit abe20ac
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 16 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -1,6 +1,5 @@
 .App {
   text-align: center;
-  margin-top: "7%";
 }
 
 .divTrans {
@@ -9,8 +8,7 @@
 
 .bg {
   min-height: 800px;
-  min-width: "100%";
-  /* background-image: linear-gradient(160deg, white 70%, #acd7ec 30%); */
+  background-image: linear-gradient(160deg, white 70%, #acd7ec 30%);
 }
 
 .App-logo {
@@ -24,7 +22,7 @@
 
 .pStyle2 {
   font-weight: 500;
-  padding: 12%;
+  /* padding: 12%; */
   /* max-width: 150px; */
 }
 

diff --git a/client/src/App.js b/client/src/App.js
@@ -407,7 +407,7 @@ class App extends Component {
       <div className="App">
         <ButtonAppBar {...AccountCardProps} />
         <MediaQuery minDeviceWidth={1001}>
-          <div className="divTrans">
+          <div className="divTrans" style={{ paddingBottom: "15px" }}>
             <Grid container className="gridContainer">
               <Grid item xs={12}>
                 <h2>MVP Rocket</h2>
@@ -488,6 +488,7 @@ class App extends Component {
             </Grid>
           </div>
         </MediaQuery>
+
         <MediaQuery minDeviceWidth={476} maxDeviceWidth={1000}>
           <div style={{ marginTop: "15%" }} className="divTrans">
             <Grid container className="gridContainer">
@@ -583,6 +584,7 @@ class App extends Component {
                   can try depositing a NFT.
                 </p>
               </Grid>
+              <Grid item xs={12}></Grid>
               <Grid item xs={4}>
                 <p style={{ fontWeight: 500 }}>
                   <span className="spanStyle1">1.</span> Since you likely do not

diff --git a/client/src/components/Nav2.js b/client/src/components/Nav2.js
@@ -72,6 +72,14 @@ class ButtonAppBar extends Component {
         >
           <Toolbar>
             <Grid container>
+              <Grid item xs={6}>
+                <img
+                  src="LogoRocket.png"
+                  alt="ok"
+                  className="imgStyle1"
+                  style={{ height: "35px" }}
+                />
+              </Grid>
               <Grid item xs={6}>
                 <Button
                   variant="outlined"
@@ -82,14 +90,6 @@ class ButtonAppBar extends Component {
                   {address}
                 </Button>
               </Grid>
-              <Grid item xs={6}>
-                <img
-                  src="LogoRocket.png"
-                  alt="ok"
-                  className="imgStyle1"
-                  style={{ height: "35px" }}
-                />
-              </Grid>
             </Grid>
           </Toolbar>
         </AppBar>

diff --git a/client/src/index.css b/client/src/index.css
@@ -1,11 +1,9 @@
 html {
-  height: 100%;
-  /* width: 100%; */
+  min-height: 100%;
   background-image: linear-gradient(160deg, white 70%, #acd7ec 30%);
 }
 
 body {
-  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
     "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
     sans-serif;