Merge pull request #78 from healthy-food-and-dietary-products/feature…

…/pages-navigation Feature/pages navigation
healthy-food-and-dietary-products · Nov 20, 2023 · 497f0c1 · 497f0c1
2 parents 26a9f0d + 341730b
commit 497f0c1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/pages/shopping-cart/index.tsx b/src/pages/shopping-cart/index.tsx
@@ -4,6 +4,7 @@ import ProductCard from '@components/product-card';
 import { products } from '@data/dataExamples.ts';
 import Button from '@components/Button';
 import ShoppingList from '@components/shopping-list';
+import Breadcrumbs from '@components/breadcrumbs';
 
 type Product = {
 	cardName: string;
@@ -15,6 +16,7 @@ type Product = {
 const ShoppingCart: React.FC = () => {
 	return (
 		<section className={styles.cart}>
+			<Breadcrumbs />
 			<div className={styles.details}>
 				<div className={styles.products}>
 					<div className={styles.products__title}>

diff --git a/src/pages/shopping-cart/shopping-cart.module.scss b/src/pages/shopping-cart/shopping-cart.module.scss
@@ -4,10 +4,9 @@
 .cart {
 	margin: 0 auto;
 	width: calc(100% - 128px * 2);
-	padding-top: 148px;
+	padding-top: 50px;
 	display: flex;
 	flex-direction: column;
-	gap: 120px;
 	justify-content: center;
 }
 
@@ -21,6 +20,7 @@
 }
 
 .cart__recomendation {
+	padding-top: 120px;
 	display: flex;
 	flex-direction: column;
 	gap: 20px;