Merge pull request Soujanya2004#558 from Meetpidev/nav-fix

PLACED ATRIGHT PLACE AND GIVE LIGHT RED HOVER EFFECT
Riyachauhan11 · Nov 10, 2024 · 53e8559 · 53e8559
2 parents 0875896 + 9e2284a
commit 53e8559
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/public/css/styles.css b/public/css/styles.css
@@ -909,20 +909,27 @@ font-size: 0.8rem !important;
     transition: all 0.3s ease-in-out;
   }
 
-  #air_bnb{
+   #air_bnb{
     background-color: #FF5A5F !important;
     color: white !important;
     border-radius: 50px;
     transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
   }
 
-  #air_bnb:hover, .hight-light:hover {
+  #air_bnb:hover,.navbar-nav .hight-light:hover {
     color: white !important;
     background-color: #FF5A5F !important;
     box-shadow: 2px 2px 5px rgba(255, 56, 92, 0.3);
     transform: scale(1.01);
   }
 
+  .custom_nav li a:hover {
+    color: #ff385c !important;
+    background-color: rgba(255, 90, 95, 0.1);
+    transform: scale(1.05);
+    border-radius:50px;
+  }
+
   .custom_nav li a:hover {
     color: #ff385c !important;
     background-color: rgba(255, 90, 95, 0.1) !important;

diff --git a/views/includes/navbar.ejs b/views/includes/navbar.ejs
@@ -27,9 +27,6 @@
         <li class="nav-item">
           <a class="nav-link" id="air_bnb" href="/listing/new">Add property</a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link hight-light" href="/feedback">Feedbacks</a>
-        </li>
         <li class="nav-item">
           <a class="nav-link hight-light" href="/about">About Us</a>
         </li>
@@ -39,6 +36,9 @@
         <li class="nav-item">
           <a class="nav-link  hight-light" href="/contact">Contact Us</a>
         </li>
+       <li class="nav-item">
+          <a class="nav-link hight-light" href="/feedback">Feedbacks</a>
+        </li>
         <li class="nav-item">
           <a class="nav-link  hight-light" href="/contributors">Contributors</a>
         </li>
@@ -60,15 +60,15 @@
           <li class="nav-item">
           <a class="nav-link" href="/about">About Us</a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="/feedback">Feedbacks</a>
-        </li>
         <li class="nav-item">
           <a class="nav-link" href="/top-listings">Top Properties</a>
         </li>
           <li class="nav-item">
             <a class="nav-link" href="/contact">Contact Us</a>
           </li>
+        <li class="nav-item">
+          <a class="nav-link" href="/feedback">Feedbacks</a>
+        </li>
           <li class="nav-item">
             <a class="nav-link" href="/listing/#faq">FAQs</a>
           </li>