Cart price updated.

Cart price showing on menu page is updated and also added some style on buttons of menu page.
Vishalrj750 · Mar 7, 2022 · cf05dbb · cf05dbb
1 parent 4fc9561
commit cf05dbb
Show file tree

Hide file tree

Showing 4 changed files with 112 additions and 90 deletions.
diff --git a/cart.html b/cart.html
@@ -44,6 +44,7 @@
             font-size: 20px;
             font-weight: bolder;
             margin-bottom: 2%;
+            cursor: pointer;
         }
 
         h1 {
@@ -84,7 +85,7 @@
             h3.style.fontSize = "18px"
 
             let p1 = document.createElement(`p`)
-            p1.innerHTML = `<b>${item.price}</b>`
+            p1.innerHTML = "₹ " + `<b>${item.price}</b>`
 
             let div_2 = document.createElement(`div`)
             div_2.className = "description"
@@ -145,7 +146,7 @@
                 h3.style.fontSize = "18px"
 
                 let p1 = document.createElement(`p`)
-                p1.innerHTML = `<b>${item.price}</b>`
+                p1.innerHTML = "₹ " + `<b>${item.price}</b>`
 
                 let div_2 = document.createElement(`div`)
                 div_2.className = "description"

diff --git a/components/navbar.js b/components/navbar.js
@@ -21,7 +21,7 @@ function navbar() {
         </div>
         
         <div class="bucketIconDiv">
-            <span>₹0</span>
+            <span id="priceUpdate">₹0</span>
             <div class="bucketIcon">
                 <img src="https://i.ibb.co/ygnYs9m/bucket-cart-icon.jpg"/>
                 <div id="cartIconCount">0</div>

diff --git a/menu.css b/menu.css
@@ -120,6 +120,14 @@ body {
     background-color: red;
     padding: 10px;
     border-radius: 20px;
+    cursor: pointer;
+    border: 1px solid red;
+}
+
+.right-menu-section button:hover {
+    font-size: 20px;
+    border: 1px solid rgba(32,33,36,.6509803921568628);
+    background-color: rgba(32,33,36,.6509803921568628);
 }
 
 #b_b, #b_m, #bgr, #s_h, #snk, #bvg {