Style menu to be more harmonic on mobile

lnu-norge · Oct 7, 2024 · b1b4082 · b1b4082
1 parent 187e3c5
commit b1b4082
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/views/layouts/menu/_menu.html.erb b/app/views/layouts/menu/_menu.html.erb
@@ -7,7 +7,7 @@
       <div class="hidden md:block">
         <%= render partial: 'layouts/menu/logo' %>
       </div>
-        <div class="flex justify-around gap-1 md:gap-6 w-full md:w-auto">
+        <div class="grid grid-cols-5 md:flex items-start justify-around gap-2 md:gap-6 w-full md:w-auto">
           <%= render partial: 'layouts/menu/menu_item', locals: {
             path: spaces_path,
             icon: 'search',

diff --git a/app/views/layouts/menu/_menu_item.html.erb b/app/views/layouts/menu/_menu_item.html.erb
@@ -7,7 +7,7 @@
 
 %>
 <span class="<%= active_path?(path) ? "text-gray-900" : "text-gray-600" %> flex justify-center text-center">
- <%= link_to path, class: "unstyled-link text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
+ <%= link_to path, class: "unstyled-link text-xs md:text-sm hover:text-lnu-pink inline-flex flex-col md:flex-row items-center justify-center gap-1.5 md:gap-2" do %>
   <%=
     inline_svg_tag icon, class: "inline-block w-7 h-7 md:w-6 md:h-6 #{active_path?(path) && "text-lnu-pink"}" %>
     <%= text %>