Styles: update 'navbar' partial

demesameneshoa · Dec 21, 2023 · 4975fd3 · 4975fd3
1 parent eb0f6b8
commit 4975fd3
Showing 1 changed file with 11 additions and 6 deletions.
diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb
@@ -1,25 +1,30 @@
 <nav class="navbar navbar-light bg-light">
     <div class="container">
         <%= link_to root_path, class: "navbar-brand" do %>
-            <img src="<%= asset_path("recipes-app-logo-png-small.png") %>" width="auto" height="50" alt="recipe app logo">
+            <img src="<%= asset_path("recipes-app-logo-png-small.png") %>"
+                            width="auto" height="50" alt="recipe app logo">
         <% end %>
 
 
         <div class="p-1 text-center d-flex align-items-center flex-wrap">
-            <ul class="nav" style="font-size: 0.9rem;">
+            <ul class="nav font-weight-bold" style="font-size: 0.9rem;">
                 <li class="nav-item">
-                    <%= link_to "Public-recipes", root_path, class: "nav-link pl-0" %>
+                    <%= link_to "Public-recipes", root_path,
+                                class: "nav-link text-danger pl-0" %>
                 </li>
 
                 <% if user_signed_in? %>
                     <li class="nav-item">
-                        <%= link_to "My-recipes", recipes_path, class: "nav-link" %>
+                        <%= link_to "My-recipes", recipes_path,
+                                    class: "nav-link text-danger" %>
                     </li>
                     <li class="nav-item">
-                        <%= link_to "Food-List", foods_path, class: "nav-link" %>
+                        <%= link_to "Food-List", foods_path,
+                                    class: "nav-link text-danger" %>
                     </li>
                     <li class="nav-item">
-                        <%= link_to "Shopping-List", shopping_list_path(id: "show"), class: "nav-link" %>
+                        <%= link_to "Shopping-List", shopping_list_path(id: "show"),
+                                    class: "nav-link text-danger" %>
                     </li>
                 <% end %>
             </ul>