diff --git a/app/views/layouts/tailwind.html.erb b/app/views/layouts/tailwind.html.erb index f13bd6dd..d53ab325 100644 --- a/app/views/layouts/tailwind.html.erb +++ b/app/views/layouts/tailwind.html.erb @@ -12,264 +12,269 @@ <%= javascript_include_tag 'application' %> <%= javascript_pack_tag 'application' %> <%= render 'layouts/seo' %> - - + <%# render 'layouts/tailwind/navbar' %> <%# render 'cards/ui/alert' %> <%# render 'cards/ui/notice' %> -
- - - -
-
- - - -
- <% if @universe_scope %> - <%= link_to @universe_scope.name, @universe_scope, class: "px-3 py-2 #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %> - <% else %> - <%= link_to 'Choose a universe', '#', class: "px-3 py-2 text-lg #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %> - <% end %> -
- - -
-
- -
- -
-
- <% @user_notifications.each do |notification| %> - <%= link_to main_app.notification_path(notification), class: 'flex items-center px-4 py-3 border-b hover:bg-gray-100 -mx-2' do %> - <%= notification.icon %> -
- <%= notification.message_html.html_safe %> -
-
- <%= time_ago_in_words notification.happened_at %> ago -
- <% end %> - <% end %> -
- <%= link_to main_app.mark_all_read_path, class: 'block bg-blue-100 hover:bg-blue-50 text-black text-center py-2' do %> - Mark all notifications read - <% end %> - <%= link_to main_app.notifications_path, class: 'block bg-notebook-blue hover:bg-blue-500 text-white text-center font-bold py-2' do %> - See all notifications - <% end %> -
-
- - <%= form_tag main_app.search_path, method: :get, class: 'inline-block relative -top-2' do %> - - - <% end %> - -
- -
- -
-
- <%= image_tag current_user.image_url(size=32), class: 'rounded-full mr-2 p-1 border-2 border-notebook-blue' %> -
-
You're signed in as
-
@andrew
-
-
- - <%= 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 %> - <%= User.icon %> - Profile - <% 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 %> - credit_card - Billing - - PREMIUM - - <% end %> - <%= link_to main_app.edit_user_registration_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white border-b border-gray-300' do %> - settings - Settings - <% end %> - <%= link_to main_app.data_vault_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %> - lock - Data Vault - <% end %> - <%= link_to main_app.help_center_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white border-b border-gray-300' do %> - help - Help Center - <% end %> - <%= link_to main_app.destroy_user_session_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %> - power_settings_new - Sign Out - <% end %> -
-
-
-
-
- <%= yield %> +
+ Menu +
+ + +
- - -
+ +
+ <% if @universe_scope %> + <%= link_to @universe_scope.name, @universe_scope, class: "px-3 py-2 #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %> + <% else %> + <%= link_to 'Choose a universe', '#', class: "px-3 py-2 text-lg #{Universe.text_color} bg-purple-100 hover:bg-purple-200 rounded" %> + <% end %> +
+ + +
+
+ +
+ +
+
+ <% @user_notifications.each do |notification| %> + <%= link_to main_app.notification_path(notification), class: 'flex items-center px-4 py-3 border-b hover:bg-gray-100 -mx-2' do %> + <%= notification.icon %> +
+ <%= notification.message_html.html_safe %> +
+
+ <%= time_ago_in_words notification.happened_at %> ago +
+ <% end %> + <% end %> +
+ <%= link_to main_app.mark_all_read_path, class: 'block bg-blue-100 hover:bg-blue-50 text-black text-center py-2' do %> + Mark all notifications read + <% end %> + <%= link_to main_app.notifications_path, class: 'block bg-notebook-blue hover:bg-blue-500 text-white text-center font-bold py-2' do %> + See all notifications + <% end %> +
+
+ + <%= form_tag main_app.search_path, method: :get, class: 'inline-block relative -top-2' do %> + + + <% end %> + +
+ +
+ +
+
+ <%= image_tag current_user.image_url(size=32), class: 'rounded-full mr-2 p-1 border-2 border-notebook-blue' %> +
+
You're signed in as
+
@andrew
+
+
+ + <%= 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 %> + <%= User.icon %> + Profile + <% 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 %> + credit_card + Billing + + PREMIUM + + <% end %> + <%= link_to main_app.edit_user_registration_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white border-b border-gray-300' do %> + settings + Settings + <% end %> + <%= link_to main_app.data_vault_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %> + lock + Data Vault + <% end %> + <%= link_to main_app.help_center_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white border-b border-gray-300' do %> + help + Help Center + <% end %> + <%= link_to main_app.destroy_user_session_path, class: 'flex items-center px-4 py-2 cursor-pointer group hover:bg-notebook-blue hover:text-white' do %> + power_settings_new + Sign Out + <% end %> +
+
+
+ + + + + + +
+ + +
+ <%= yield %> +
+ <%= react_component("Footer") unless defined?(@show_footer) && !@show_footer %> <%# render 'layouts/quick_add_fab' unless defined?(@show_footer) && !@show_footer %>