navbar polishing

This commit is contained in:
drusepth 2022-12-12 14:59:19 -08:00
parent 1677861cfe
commit 1f5edd351c
2 changed files with 10 additions and 10 deletions

View File

@ -123,26 +123,26 @@
<div x-show="accountDropdownOpen" @click="accountDropdownOpen = false" class="fixed inset-0 h-full w-full z-10"></div>
<div x-show="accountDropdownOpen" class="absolute right-2 bg-white rounded-md shadow-lg overflow-hidden z-20 w-64">
<div class="flex my-2 pt-4 pb-6 px-4 border-b border-gray-300 shadow">
<%= link_to current_user do %>
<%= image_tag current_user.image_url(size=32), class: 'rounded-full mr-2 p-1 border-2 border-notebook-blue' %>
<% end %>
<%= link_to current_user.profile_url, class: 'flex border-t pt-4 pb-4 px-4 border-b border-gray-300 shadow group hover:bg-notebook-blue hover:text-white' do %>
<%= image_tag current_user.image_url(size=32), class: 'rounded-full mr-2 p-1 border-2 border-notebook-blue group-hover:border-green-500' %>
<div>
<div class="text-xs text-gray-500">You're signed in as</div>
<div class="text-sm <%= User.text_color %> font-bold">
<%= link_to current_user.display_name, current_user %>
<div class="text-xs text-gray-500 group-hover:text-white">You're signed in as</div>
<div class="text-sm <%= User.text_color %> group-hover:text-white font-bold">
<%= current_user.display_name %>
</div>
</div>
</div>
<% end %>
<!--
<%= link_to current_user.profile_url, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %>
<i class="material-icons <%= User.text_color %> shrink-0 w-8 h-8 mr-2 bg-white rounded-full p-1"><%= User.icon %></i>
<span class="flex-grow text-sm">Profile</span>
<% end %>
-->
<%= link_to main_app.subscription_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %>
<i class="material-icons text-notebook-blue shrink-0 w-8 h-8 mr-2 bg-white rounded-full p-1">credit_card</i>
<span class="flex-grow text-sm">Billing</span>
<span class="bg-notebook-blue text-white rounded px-1 text-xs group-hover:bg-notebook-blue">
<span class="bg-notebook-blue text-white rounded px-1 text-xs group-hover:bg-orange-500">
PREMIUM
</span>
<% end %>

View File

@ -72,7 +72,7 @@
<div>
<div class="-mt-px flex divide-x divide-gray-200">
<div class="w-0 flex-1 flex hover:shadow-lg">
<%= link_to table_of_contents_path(universe: universe.id), class: 'relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm text-gray-700 font-medium border border-transparent rounded-b-lg hover:bg-purple-800 hover:text-white' do %>
<%= link_to dashboard_path(universe: universe.id), class: 'relative -mr-px w-0 flex-1 inline-flex items-center justify-center py-4 text-sm text-gray-700 font-medium border border-transparent rounded-b-lg hover:bg-purple-800 hover:text-white' do %>
<i class="material-icons">fullscreen</i>
<span class="ml-3">Focus</span>
<% end %>