add mobile settings navigation
This commit is contained in:
committed by
Pete Matsyburka
parent
2d510081be
commit
cbbbfdda80
@@ -28,7 +28,13 @@
|
||||
<span class="text-sm align-text-top"><%= current_user.initials %></span>
|
||||
</label>
|
||||
<ul tabindex="0" class="z-10 dropdown-content p-2 mt-2 shadow menu text-base bg-base-100 rounded-box min-w-[160px] text-right">
|
||||
<li>
|
||||
<li class="md:hidden">
|
||||
<%= link_to settings_index_path, class: 'flex items-center' do %>
|
||||
<%= svg_icon('settings', class: 'w-5 h-5 flex-shrink-0 stroke-2') %>
|
||||
<span class="mr-1"><%= t('settings') %></span>
|
||||
<% end %>
|
||||
</li>
|
||||
<li class="max-md:hidden">
|
||||
<%= link_to settings_profile_index_path, class: 'flex items-center' do %>
|
||||
<%= svg_icon('adjustments', class: 'w-5 h-5 flex-shrink-0 stroke-2') %>
|
||||
<span class="mr-1"><%= t('profile') %></span>
|
||||
|
||||
@@ -1,7 +1,23 @@
|
||||
<div class="block w-full md:w-52 flex-none">
|
||||
<% expanded = local_assigns[:expanded] %>
|
||||
<% unless expanded %>
|
||||
<div class="md:hidden w-full">
|
||||
<a href="<%= settings_index_path %>" class="flex items-center space-x-0.5 font-medium">
|
||||
<%= svg_icon('arrow_left', class: 'w-4 h-4 stroke-2') %>
|
||||
<span><%= t('settings') %></span>
|
||||
</a>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="<%= expanded ? 'block max-md:-mx-3' : 'hidden md:block w-full md:w-52 flex-none' %>">
|
||||
<menu-active>
|
||||
<ul id="account_settings_menu" class="menu px-0">
|
||||
<li class="menu-title py-0 !bg-transparent mb-3 -mt-5"><a href="<%= '/' %>" class="!bg-transparent !text-neutral font-medium flex items-center space-x-0.5"><%= svg_icon('arrow_left', class: 'w-4 h-4 stroke-2') %><span><%= t('back') %></span></a></li>
|
||||
<% unless expanded %>
|
||||
<li class="menu-title py-0 !bg-transparent mb-3 -mt-5">
|
||||
<a href="<%= root_path %>" class="!bg-transparent !text-neutral font-medium flex items-center space-x-0.5">
|
||||
<%= svg_icon('arrow_left', class: 'w-4 h-4 stroke-2') %>
|
||||
<span><%= t('back') %></span>
|
||||
</a>
|
||||
</li>
|
||||
<% end %>
|
||||
<li class="menu-title py-0 !bg-transparent">
|
||||
<span class="!bg-transparent"><%= t('settings') %></span>
|
||||
</li>
|
||||
@@ -114,7 +130,7 @@
|
||||
</ul>
|
||||
</menu-active>
|
||||
<% if Docuseal.multitenant? || cannot?(:manage, :tenants) %>
|
||||
<div id="support_channels" class="mx-4 border-t border-base-300 hidden md:block">
|
||||
<div id="support_channels" class="mx-4 border-t border-base-300 <%= 'hidden md:block' unless expanded %>">
|
||||
<div class="text-sm mt-3">
|
||||
<%= t('need_help_ask_a_question_') %>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user