Merge pull request #665 from sriharsha0x1/FilterBoxSize

Adjusted Filter Box Sizes for Better UI
Tejashri-Taral · Oct 28, 2024 · 5ab6fa5 · 5ab6fa5
2 parents d9a0565 + dcd907b
commit 5ab6fa5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -782,8 +782,8 @@ <h2>Subscription Successful!</h2>
     tabs.forEach(tab => {
 
         tab.addEventListener('mouseenter', () => {
-            cursor.style.width = ${tab.offsetWidth}px; // Set width to the current tab's width
-            cursor.style.left = ${tab.offsetLeft}px; // Move cursor to the current tab's position
+            cursor.style.width = `${tab.offsetWidth}px`; // Set width to the current tab's width
+            cursor.style.left = `${tab.offsetLeft}px`; // Move cursor to the current tab's position
 
 
 

diff --git a/shopclothing.html b/shopclothing.html
@@ -123,7 +123,7 @@
 
         .filters input[type="checkbox"] {
             margin-right: 10px;
-            transform: scale(1.2);
+            transform: scale(0.5);
             cursor: pointer;
         }
 

diff --git a/sneaker.html b/sneaker.html
@@ -122,8 +122,8 @@
         }
 
         .filters input[type="checkbox"] {
-            margin-right: 10px;
-            transform: scale(1.2);
+            margin-right: 5px;
+            transform: scale(0.5);
             cursor: pointer;
         }
 

diff --git a/style.css b/style.css
@@ -850,7 +850,7 @@ html {
 
 input {
   height: 40px;
-  width: 60%;
+  width: 20%;
   border-radius: 30px;
   border: 1px solid lightgray;
 }