Sebastian Kippe
7d66b75216
All checks were successful
continuous-integration/drone/push Build is passing
Based on https://petr.codes/blog/rails/modern-rails-flash-messages/part-3/
79 lines
3.9 KiB
Plaintext
79 lines
3.9 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Kosmos Accounts</title>
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://assets.kosmos.org/fonts/open-sans/open-sans.css" rel="stylesheet">
|
|
<%= stylesheet_link_tag 'legacy', "data-turbo-track": "reload" %>
|
|
<%= stylesheet_link_tag 'application', "data-turbo-track": "reload" %>
|
|
<%= javascript_importmap_tags %>
|
|
</head>
|
|
<body>
|
|
<div class="">
|
|
<nav class="">
|
|
<div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
|
|
<div class="border-b border-gray-200/10">
|
|
<div class="flex items-center justify-between h-16 px-4 sm:px-0">
|
|
<div class="flex items-center">
|
|
<div class="ks-site-icon flex-shrink-0">
|
|
<%= render partial: "shared/icons/comet" %>
|
|
<!-- <img class="h-8 w-8" src="https://tailwindui.com/img/logos/workflow-mark-indigo-500.svg" alt="Workflow"> -->
|
|
</div>
|
|
<% if user_signed_in? && current_user.confirmed? %>
|
|
<div class="hidden md:block">
|
|
<div class="ml-10 flex items-baseline space-x-4">
|
|
<%= render partial: 'shared/main_nav' %>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="hidden md:block">
|
|
<%= render partial: 'shared/header_account' %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Mobile menu, show/hide based on menu state. -->
|
|
<div class="border-b border-gray-700 md:hidden" id="mobile-menu">
|
|
<div class="pt-4 pb-3 border-t border-gray-700">
|
|
<div class="flex items-center px-5">
|
|
<div class="flex-shrink-0">
|
|
<img class="h-10 w-10 rounded-full" src="" alt="">
|
|
</div>
|
|
<div class="ml-3">
|
|
<div class="text-base font-medium leading-none text-white">Tom Cook</div>
|
|
<div class="text-sm font-medium leading-none text-gray-400">tom@example.com</div>
|
|
</div>
|
|
<button type="button" class="ml-auto bg-gray-800 flex-shrink-0 p-1 text-gray-400 rounded-full hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white">
|
|
<span class="sr-only">View notifications</span>
|
|
<!-- Heroicon name: outline/bell -->
|
|
<svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="mt-3 px-2 space-y-1">
|
|
<a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Your Profile</a>
|
|
<a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Settings</a>
|
|
<a href="#" class="block px-3 py-2 rounded-md text-base font-medium text-gray-400 hover:text-white hover:bg-gray-700">Sign out</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="fixed inset-0 px-4 py-6 pointer-events-none sm:px-6 sm:py-4 sm:items-start sm:justify-end">
|
|
<div class="flex flex-col items-end justify-center">
|
|
<% flash.each do |type, data| %>
|
|
<%= render NotificationComponent.new(type: type, data: data) %>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
|
|
<%= yield %>
|
|
</div>
|
|
</body>
|
|
</html>
|