Cart Icon

AQuadic · Nov 10, 2024 · cc991ca · cc991ca
1 parent 589a93e
commit cc991ca
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -317,7 +317,7 @@ ul {
 }
 
 .product-box .content p {
-  color: #808080;
+  color: #000000;
   font-size: 12px;
   font-weight: 500;
   /* margin-top: 10px; */
@@ -1888,6 +1888,25 @@ ul {
   /* margin-top: 40px; */
 }
 
+.navbar li a {
+  position: relative;
+}
+
+.navbar li a span {
+  position: absolute;
+  top: -15px;
+  left: 18px;
+  background-color: white;
+  padding: 5px;
+  border-radius: 50%;
+  width: 22px;
+  height: 22px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: black;
+}
+
 .navbar .content .navbar-nave li img {
   height: 36px;
 }

diff --git a/index.html b/index.html
@@ -95,6 +95,7 @@
             <li>
               <a href="#">
                 <img src="./assets/images/proicons_cart.svg" alt="Cart">
+                <span>15</span>
               </a>
             </li>
-Original file line number
+Diff line change
@@ Expand Up / @@ -95,6 +95,7 @@ @@
                 <li>
                   <a href="#">
                     <img src="./assets/images/proicons_cart.svg" alt="Cart">
+                    <span>15</span>
                   </a>
                 </li>
@@ Expand Down @@