From 7ebf20aa7bf917df72420fb4e3436e3780028d72 Mon Sep 17 00:00:00 2001 From: songtianlun Date: Wed, 12 Feb 2025 18:03:40 +0800 Subject: [PATCH] feat: enhance navbar responsiveness and styling - Adjust main navigation layout for better spacing - Improve mobile menu accessibility and usability - Introduce a separate user menu partial for cleaner structure - Update button styles and sizes for consistency These changes aim to enhance the user experience by ensuring that the navbar is visually appealing and functional across different screen sizes, making navigation easier. --- app/views/layouts/_navbar.html.erb | 92 +++++++++++++++++---------- app/views/layouts/_user_menu.html.erb | 35 ++++++++++ 2 files changed, 95 insertions(+), 32 deletions(-) create mode 100644 app/views/layouts/_user_menu.html.erb diff --git a/app/views/layouts/_navbar.html.erb b/app/views/layouts/_navbar.html.erb index 1d4b758..9dff240 100644 --- a/app/views/layouts/_navbar.html.erb +++ b/app/views/layouts/_navbar.html.erb @@ -1,58 +1,86 @@
-
+
+
- <%= link_to root_path, class: "text-2xl font-display font-bold hover:text-primary transition-colors" do %> + <%= link_to root_path, class: "text-xl md:text-2xl font-display font-bold hover:text-primary transition-colors" do %> Today AI Weather <% end %>
-
- <%= link_to "Cities", cities_path, class: "btn btn-ghost font-sans" %> - <%= link_to "Arts", arts_path, class: "btn btn-ghost font-sans" %> + + + + + +
+
+ +
    +
  • <%= link_to "Cities", cities_path %>
    • +
  • <%= link_to "Arts", arts_path %>
    • +
    + <% if user_signed_in? %> +
  • + <%= link_to edit_user_registration_path do %> + + + + + Settings + <% end %> +
    • +
  • + <%= button_to destroy_user_session_path, + method: :delete, + class: "w-full text-left" do %> + + + + Sign out + <% end %> +
    • + <% else %> +
  • + <%= link_to new_user_session_path do %> + + + + Sign in + <% end %> +
    • + <% end %> +
+
+
\ No newline at end of file diff --git a/app/views/layouts/_user_menu.html.erb b/app/views/layouts/_user_menu.html.erb new file mode 100644 index 0000000..2b672ce --- /dev/null +++ b/app/views/layouts/_user_menu.html.erb @@ -0,0 +1,35 @@ +
    +
  • + <%= link_to edit_user_registration_path, class: "flex items-center gap-2 p-2" do %> + + + + + Settings + <% end %> +
    • + + <% if current_user.admin? %> +
  • + <%= link_to admin_root_path, class: "flex items-center gap-2 p-2" do %> + + + + Admin Dashboard + <% end %> +
    • + <% end %> + +
    + +
  • + <%= button_to destroy_user_session_path, + method: :delete, + class: "flex items-center gap-2 p-2 w-full text-left hover:bg-base-200 rounded-lg" do %> + + + + Sign out + <% end %> +
    • +
\ No newline at end of file