tweeks

Mostafa-Usama · Jan 12, 2024 · 7be834d · 7be834d
1 parent 90295b0
commit 7be834d
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 15 deletions.
diff --git a/css/style.css b/css/style.css
@@ -48,16 +48,16 @@ input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }
+input[type=number] {
+    appearance:  textfield;
+    -moz-appearance: textfield;
+}
 input:invalid{
     border: 2px solid red;
     box-shadow: 0 0 5px red;
 }
 
 /* Firefox */
-input[type=number] {
-    appearance:  textfield;
-    -moz-appearance: textfield;
-}
 ::selection {
 
   background: black;

diff --git a/js/cart.js b/js/cart.js
@@ -18,7 +18,7 @@ function renderProducts() {
 
         productsContainer.innerHTML += `
         
-        <div class="row align-items-center text-center text-md-start"  >
+        <div class="row align-items-center gy-4 text-center text-md-start"  >
                     <div class="col-md-5 box">
                         <img src="${products[i].image}" loading="lazy" class=" w-100 img-fluid  bg-secondary bg-opacity-10 rounded-top"
                             alt="Golden Watch">

diff --git a/js/profile.js b/js/profile.js
@@ -28,7 +28,7 @@ function renderProducts() {
 
         productsContainer.innerHTML += `
         
-        <div class="row align-items-center text-center text-md-start"  >
+        <div class="row align-items-center gy-4 text-center text-md-start"  >
                     <div class="col-md-5 box">
                         <img src="${products[i].image}" loading="lazy" class=" w-100 img-fluid  bg-secondary bg-opacity-10 rounded-top"
                             alt="Golden Watch">

diff --git a/js/script.js b/js/script.js
@@ -159,7 +159,7 @@ function draw() {
          
             `
         }
-        itemCon.innerHTML += ` <button onclick="clearCart()"  class=" btn rounded-0 fw-bold btn3 bg-white" style="transition: .3s; color: var(--primary); border: 2px solid var(--primary); ">Clear Cart</button>`
+        itemCon.innerHTML += ` <button onclick="clearCart()" class="border-2 border-black  btn rounded-0 fw-bold btn4 bg-white" style="transition: .3s; ">Clear Cart</button>`
     }
 }
 

diff --git a/js/search.js b/js/search.js
@@ -169,7 +169,7 @@ function renderProducts() {
                 <i class="fas fa-star" style="color: rgb(255, 192, 34);"></i>
                 <p class="opacity-75">Catagory: ${products[i].catagory}</p>
                 <span class='opacity-75 fw-bold'>Quantity: </span>
-                <input type="number" id='amount${products[i].id}'  onblur="reset(event)" min="1" max="99" value="1"  class='fw-bold mb-3 text-center' style='width:40px; '>
+                <input type="number" id='amount${products[i].id}'  onblur="reset(event)" min="1" max="99" value="1"  class='fw-bold mb-3 text-center ' style='width:40px; '>
                 <i onclick='favourite(${products[i].id})' class="favBtn position-absolute rounded-circle p-2  fav${products[i].id} fas fa-heart fa-2x "></i>
                 <div class="d-flex flex-column  ">
                 <button onclick="addToCart(${products[i].id})"class="mb-3 border-2 border-black bg-white cartBtn${products[i].id} btn py-2 rounded-0 fw-bold btn4 text-black" style="transition: .3s; ; border: 2px solid var(--primary); ">Add to cart</button>

diff --git a/profile.html b/profile.html
@@ -40,8 +40,8 @@
                 <div class="col-lg-4 pe-4">
                     <div class="text-center bg-white p-3 shadow rounded">
                         <img  id="profileImage" class="img-fluid rounded-circle" style="aspect-ratio: 1/1;"  alt="">
-                        <h2 id="name"></h2>
-                        <p id="email"></p>
+                        <h2 class="fw-bold" id="name"></h2>
+                        <p class="fw-bold text-secondary" id="email"></p>
                     </div>
                 </div>
 

diff --git a/register.html b/register.html
@@ -45,19 +45,17 @@ <h2 style="font-weight: 800;">Register</h2>
                 <label for="ps">Password</label>
                 <input class="px-2 my-2 py-1 w-100" type="password" name="" id="password" required>
             </div>
-            <div class="col-12 mt-3">
+            <!-- <div class="col-12 mt-3">
                 <label for="im">Profile Image</label>
-                <input onchange='loadImage(event)' class="px-2 my-2 py-1 w-100" type="file" name="im" id="profileImage" required accept=".jpg,.png,.jpeg">
-            </div>
+                <input onchange='loadImage(event)' class="px-2 my-2 py-1 w-100" type="file" id="profileImage" required accept=".jpg,.png,.jpeg">
+            </div> -->
             <div class="col-12">
                 <input type="submit" value="Register" class=" w-100 mt-2 py-2 btn fw-bold btn3 text-white" style=" font-size: 20px; transition: .3s; background-color: var(--primary);">
             </div>
             <h6 class="pt-3 text-center fw-bold">Already have an account? <a href="login.html">Log in</a></h6>
         </form>
     </div>
 
-    <img src="" class="" id="img" alt="">
-
     <footer>
         <div class="bg-black py-5">
             <div class="container-lg">