Commit 317de42

committed

cart display fix for larger > 1100px

1 parent 95ebef5 commit 317de42Copy full SHA for 317de42

File tree

+18

-2

lines changed

+18

-2

lines changed

Lines changed: 8 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -8,11 +8,18 @@`
`8`	`8`	`width: 300px;`
`9`	`9`	`min-height: 200px;`
`10`	`10`	`border-radius: 10px;`
`11`		`- z-index: 50;`
	`11`	`+ z-index: 20;`
`12`	`12`	`display: grid;`
`13`	`13`	`grid-template-rows: auto 1fr;`
`14`	`14`	`}`
`15`	`15`
	`16`	`+@media only screen and (min-width: 1100px) {`
	`17`	`+ .product-page-cart-container {`
	`18`	`+ top: 60px;`
	`19`	`+ right: 0px;`
	`20`	`+ }`
	`21`	`+}`
	`22`	`+`
`16`	`23`	`.product-page-cart-top {`
`17`	`24`	`padding: 20px;`
`18`	`25`	`border-bottom: 0.5px solid hsl(220, 14%, 75%);`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@`
`18`	`18`	`.product-page-lightbox-display {`
`19`	`19`	`opacity: 1;`
`20`	`20`	`visibility: visible;`
	`21`	`+ z-index: 50;`
`21`	`22`	`}`
`22`	`23`
`23`	`24`	`.product-page-lightbox-overlay {`

Lines changed: 6 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,12 @@`
`65`	`65`	`align-items: center;`
`66`	`66`	`}`
`67`	`67`
	`68`	`+@media only screen and (min-width: 1100px) {`
	`69`	`+ .product-page-header-right {`
	`70`	`+ position: relative;`
	`71`	`+ }`
	`72`	`+}`
	`73`	`+`
`68`	`74`	`.product-page-header-chart {`
`69`	`75`	`background-color: transparent;`
`70`	`76`	`border: none;`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -49,8 +49,8 @@ const Nav = ({setCartItems, cartItems, amount}) => {`
`49`	`49`	`<div className="product-page-header-avatar">`
`50`	`50`	`<img src={avatar} alt="" />`
`51`	`51`	`</div>`
`52`		`- </div>`
`53`	`52`	`{showCart && <Cart amount={amount} cartItems={cartItems} setCartItems={setCartItems} setShowCart={setShowCart}></Cart>}`
	`53`	`+ </div>`
`54`	`54`	`</header>`
`55`	`55`	`)`
`56`	`56`	`}`

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,9 @@ const ProductPage = () => {`
`14`	`14`	`data-aos-delay="200"`
`15`	`15`	`data-aos-duration="600"`
`16`	`16`	`>`
	`17`	`+`
`17`	`18`	`<Nav amount={amount} cartItems={cartItems} setCartItems={setCartItems}></Nav>`
	`19`	`+`
`18`	`20`	`<Product amount={amount} setAmount={setAmount} setCartItems={setCartItems} cartItems={cartItems}></Product>`
`19`	`21`	`</div>`
`20`	`22`	`)`

Comments

(0)