Fix Style #50

client/src/App.css

@@ -5,6 +5,7 @@
 }
 body {
   font-family: Arial, Helvetica, sans-serif;
+
 }
 
 html {

client/src/components/Modal/Modal.jsx

@@ -100,20 +100,22 @@ export default class Modal extends Component {
               Close
             </a>
             <h3>{modalOpened}</h3>
-
+<form>
             <input
               placeholder="Product Name"
               type="text"
               name="name"
               value={name || nameUpdate}
               onChange={this.handleChange}
+              required
             />
             <input
               placeholder="Product Price (in USD)"
               type="number"
               name="price"
               value={price || priceUpdate}
               onChange={this.handleChange}
+              required
             />
             <textarea
               placeholder="Product Description"
@@ -123,6 +125,7 @@ export default class Modal extends Component {
               name="description"
               value={description || descriptionUpdate}
               onChange={this.handleChange}
+              required
             ></textarea>
               <select
                 name="category"
@@ -134,7 +137,7 @@ export default class Modal extends Component {
               />
             <input
               placeholder="Product Image"
-              type="text"
+              type="url"
               name="image"
               value={image || imageUpdate}
               onChange={this.handleChange}
@@ -153,6 +156,7 @@ export default class Modal extends Component {
             >
               {modalOpened}
             </button>
+            </form>
           </div>
         </div>
       </>

client/src/components/Product/style.css

@@ -3,6 +3,8 @@
 .p-card {
   position: relative;
   width: 270px;
+  margin: 20px 0;
+
 }
 
 .product-img {

client/src/components/header/index.jsx

@@ -8,8 +8,11 @@ import NavigationMenu from "./downHeader/NavigationMenu";
 import "./upperHeader/upperHeader.css";
 
  const Header = ({handleSearch, itemsOfCart}) => {
+
   return (
+    <>
     <div className="Header">
+
     <div className="upper__header">
       <Logo />
       <SearchBar handleSearch = {handleSearch}/>
@@ -21,6 +24,10 @@ import "./upperHeader/upperHeader.css";
       <NavigationMenu />
     </div>
   </div> 
+  <div className='headermargin'></div>
+
+  </>
+
    )
 }
 export default Header;

client/src/components/header/upperHeader/upperHeader.css

@@ -11,9 +11,14 @@
   padding: 0.5rem 2rem;
   display: flex;
   flex-direction: column;
-
+  width: 100%;
+  background: white;
+  z-index: 999;
+  position: fixed;
+}
+.headermargin{
+  margin-top: 136px;
 }
-
 .upper__header {
   width: 100%;
 

client/src/pages/seller/seller.css

@@ -1,3 +1,4 @@
+
 .SellerProducts {
   width: 100%;
   display: flex;

server/database/build/build.sql

@@ -14,10 +14,16 @@ CREATE TABLE products(
 
 
 INSERT INTO products (name, price, description, image, category) VALUES 
+('Luffy Haki', 102, ' Sneakers Custom Wano Arc One Piece Shoes','https://i0.wp.com/loketshirt.com/wp-content/uploads/2021/12/Luffy-Haki-Sneakers-Custom-Wano-Arc-One-Piece-Shoes-GearAnime.jpg', 'kids'),
+('Sanji Sneakers', 50 , ' Diable Jambe Skill One Piece Anime Shoes Fan MN06','https://www.shopeuvi.com/wp-content/uploads/2021/03/sanji-jordan-sneakers-diable-jambe-skill-one-piece-anime-shoes-fan-mn06-gearanime_1500x1500-510x510.jpeg', 'kids'),
+('Zoro Sneakers', 200 , ' Boots Three Swords Skill Anime Shoes','https://animecustomshoes.com/wp-content/uploads/2021/03/one-piece-zoro-jordan-sneakers-boots-three-swords-skill-anime-sneakers-gearanime-3_650x.jpeg', 'kids'),
+('Ace Sneakers ', 85 , 'Slip On Shoes','https://cdn.animecools.com/data/2106/10/040520/GA2021681730_portgas-d-ace-shoes-boots-fire-fist-skill-one-piece-anime-jordan-sneakers-gearanime-3_1500x1500.jpg', 'kids'),
 ('Luffy Haki', 102, ' Sneakers Custom Wano Arc One Piece Shoes','https://i0.wp.com/loketshirt.com/wp-content/uploads/2021/12/Luffy-Haki-Sneakers-Custom-Wano-Arc-One-Piece-Shoes-GearAnime.jpg', 'men'),
-('Sanji Sneakers', 50 , ' Diable Jambe Skill One Piece Anime Shoes Fan MN06','https://www.shopeuvi.com/wp-content/uploads/2021/03/sanji-jordan-sneakers-diable-jambe-skill-one-piece-anime-shoes-fan-mn06-gearanime_1500x1500-510x510.jpeg', 'women'),
-('Zoro Sneakers', 150 , ' Boots Three Swords Skill Anime Shoes','https://animecustomshoes.com/wp-content/uploads/2021/03/one-piece-zoro-jordan-sneakers-boots-three-swords-skill-anime-sneakers-gearanime-3_650x.jpeg', 'kids'),
-('Ace Sneakers ', 85 , 'Slip On Shoes','https://cdn.animecools.com/data/2106/10/040520/GA2021681730_portgas-d-ace-shoes-boots-fire-fist-skill-one-piece-anime-jordan-sneakers-gearanime-3_1500x1500.jpg', 'men');
-
-
+('Sanji Sneakers', 115 , ' Diable Jambe Skill One Piece Anime Shoes Fan MN06','https://www.shopeuvi.com/wp-content/uploads/2021/03/sanji-jordan-sneakers-diable-jambe-skill-one-piece-anime-shoes-fan-mn06-gearanime_1500x1500-510x510.jpeg', 'men'),
+('Zoro Sneakers', 250 , ' Boots Three Swords Skill Anime Shoes','https://animecustomshoes.com/wp-content/uploads/2021/03/one-piece-zoro-jordan-sneakers-boots-three-swords-skill-anime-sneakers-gearanime-3_650x.jpeg', 'men'),
+('Ace Sneakers ', 270 , 'Slip On Shoes','https://cdn.animecools.com/data/2106/10/040520/GA2021681730_portgas-d-ace-shoes-boots-fire-fist-skill-one-piece-anime-jordan-sneakers-gearanime-3_1500x1500.jpg', 'men'),
+('Luffy Haki', 177, ' Sneakers Custom Wano Arc One Piece Shoes','https://i0.wp.com/loketshirt.com/wp-content/uploads/2021/12/Luffy-Haki-Sneakers-Custom-Wano-Arc-One-Piece-Shoes-GearAnime.jpg', 'women'),
+('Sanji Sneakers', 115 , ' Diable Jambe Skill One Piece Anime Shoes Fan MN06','https://www.shopeuvi.com/wp-content/uploads/2021/03/sanji-jordan-sneakers-diable-jambe-skill-one-piece-anime-shoes-fan-mn06-gearanime_1500x1500-510x510.jpeg', 'women'),
+('Zoro Sneakers', 30 , ' Boots Three Swords Skill Anime Shoes','https://animecustomshoes.com/wp-content/uploads/2021/03/one-piece-zoro-jordan-sneakers-boots-three-swords-skill-anime-sneakers-gearanime-3_650x.jpeg', 'women'),
+('Ace Sneakers ', 40 , 'Slip On Shoes','https://cdn.animecools.com/data/2106/10/040520/GA2021681730_portgas-d-ace-shoes-boots-fire-fist-skill-one-piece-anime-jordan-sneakers-gearanime-3_1500x1500.jpg', 'women');
 COMMIT;