fancy confirm screen

Joe Seifi · Joe Seifi · commit fcff3ba87a91 · 2017-02-26T15:39:51.000-08:00
diff --git a/03-radium/solution/components/ShoppingCart.js b/03-radium/solution/components/ShoppingCart.js
@@ -41,6 +41,7 @@ const styles = {
 
     confirmed: {
       height: '350px',
+      backgroundColor: 'rgba(71, 59, 180, 0.20)',
       '@media (min-width: 608px)': {
         height: '350px'
       },
diff --git a/public/workshop/css/app.css b/public/workshop/css/app.css
@@ -90,7 +90,7 @@ body, a {
 }
 
 .store_content {
-  background-color: rgba(4, 48, 78, 0.30);
+  background-color: rgba(71, 59, 180, 0.20);
 }
 
 /* video items */
@@ -103,7 +103,7 @@ body, a {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
-    padding: 32px;
+    padding: 50px 32px;
   }
 }
 
diff --git a/public/workshop/css/shopping-cart.css b/public/workshop/css/shopping-cart.css
@@ -25,6 +25,7 @@
 
 .confirmed.shopping_cart {
   height: 350px;
+  background-color: rgba(71, 59, 180, 0.20);
 }
 
 .cart_title {
diff --git a/public/workshop/img/bg.jpg b/public/workshop/img/bg.jpg

Original file line number	Diff line number	Diff line change
`@@ -90,7 +90,7 @@ body, a {`
`90`	`90`	`}`
`91`	`91`
`92`	`92`	`.store_content {`
`93`		`- background-color: rgba(4, 48, 78, 0.30);`
	`93`	`+ background-color: rgba(71, 59, 180, 0.20);`
`94`	`94`	`}`
`95`	`95`
`96`	`96`	`/* video items */`
`@@ -103,7 +103,7 @@ body, a {`
`103`	`103`	`display: flex;`
`104`	`104`	`flex-wrap: wrap;`
`105`	`105`	`justify-content: space-around;`
`106`		`- padding: 32px;`
	`106`	`+ padding: 50px 32px;`
`107`	`107`	`}`
`108`	`108`	`}`
`109`	`109`