update cart

1754riya · Jun 4, 2024 · cc0d17a · cc0d17a
1 parent 4f8829c
commit cc0d17a
Show file tree

Hide file tree

Showing 13 changed files with 895 additions and 604 deletions.
diff --git a/css/header.css b/css/header.css
@@ -54,6 +54,15 @@
     width: 28vw;
     padding: 2px;
   }
+  .cartLogoandname{
+    position: relative ;
+  }
+  #cartItems{
+    position: absolute;
+    top: -15px;
+    left: 3px;
+  }
+
 
   @media (max-width: 992px) { 
     #header-bluebg .b_a_s, #more_h{

diff --git a/css/homeHeader.css b/css/homeHeader.css
@@ -97,7 +97,24 @@
   align-items: center;
 }
 
-
+.cartLogoandname{
+  position: relative ;
+}
+#cartItems{
+  position: absolute;
+    top: 14px;
+    left: 14px;
+    padding: 0 5px;
+    border-radius: 50%;
+    background: red;
+    width: 18px;
+    height: 18px;
+    background-color: #ff6161;
+    border: 1px solid #fff;
+    line-height: 16px;
+    font-size: 12px;
+    color: #fff;
+}
 
 
 /* Styles for the dropdown menu */

diff --git a/css/index.css b/css/index.css
@@ -442,4 +442,5 @@ body {
   100% {
     transform: rotate(360deg);
   }
-}
+}
+
diff --git a/css/login-signup.css b/css/login-signup.css
@@ -29,7 +29,7 @@ body {
 .signupin .rightSignuppanal {
     padding: 10px;
     background: #fff;
-    height:400px;
+    height: 400px;
     width: 30vw;
     display: flex;
     align-items: center;
@@ -98,4 +98,31 @@ body {
 .I-qZ4MvLRlQb input[type="text"]:focus~.underline,
 .I-qZ4MvLRlQb input[type="text"]:valid~.underline {
     transform: scaleX(1);
+}
+
+@media screen and (max-width: 1200px) {
+    .signupin .leftpanal {
+        width: 30vw;
+    }
+    .signupin .rightSignuppanal {
+        width: 40vw;
+    }
+}
+
+@media screen and (max-width: 1000px) {
+    .signupin .leftpanal {
+        width: 35vw;
+        padding: 15px;
+    }
+    .signupin .rightSignuppanal {
+        width: 45vw;
+    }
+}
+@media screen and (max-width: 800px) {
+    .signupin .leftpanal {
+        width: 43vw;
+    }
+    .signupin .rightSignuppanal {
+        width: 56vw;
+    }
 }
diff --git a/header/header.html b/header/header.html
@@ -12,6 +12,7 @@
 </head>
 
 <body>
+  <script src="../js/header_bluebg.js"></script>
   <!-- Header -->
   <header id="header-bluebg">
     <nav class="container-fluid" style="background-color: #2874F0;">
@@ -35,9 +36,9 @@
             <div class="text-white" id="more_h">
               More <i class="bi bi-chevron-down"></i><i class="bi bi-chevron-up"></i>
             </div>
-            <div class="text-white">
+            <div class="text-white cartLogoandname">
               <a href="../viewcart/">
-                <img src="../img/svg/cart_h.svg" alt=""><span class="cart_h">Cart</span>
+                <img src="../img/svg/cart_h.svg" alt="" ><span class="cart_h">Cart </span><span class="text-danger" id="cartItems"></span>
               </a>
             </div>
           </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -442,4 +442,5 @@ body { @@
 % {
         transform: rotate(360deg);
       }
-    }
+    }