83 lines
3.4 KiB
Plaintext
83 lines
3.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html class="h-full bg-gray-100">
|
|
<head>
|
|
<title>Evocheck</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
<%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
|
|
|
|
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
|
|
<%= javascript_importmap_tags %>
|
|
</head>
|
|
|
|
<body class="h-full">
|
|
<div class="min-h-full">
|
|
<% if user_signed_in? %>
|
|
<%= render partial: "shared/main_nav_signed_in" %>
|
|
<% else %>
|
|
<%= render partial: "shared/main_nav_signed_out" %>
|
|
<% end %>
|
|
|
|
<div class="py-10">
|
|
<main>
|
|
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
|
|
<% if notice.present? %>
|
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
<div class="rounded-md bg-yellow-50 p-4" data-controller="notification" data-notification-target="notificationWrapper">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0">
|
|
<%= heroicon "check-circle", variant: :solid, options: { class: "h-5 w-5 text-yellow-400" } %>
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-sm font-medium text-yellow-800">
|
|
<%= notice %>
|
|
</p>
|
|
</div>
|
|
<div class="ml-auto pl-3">
|
|
<div class="-mx-1.5 -my-1.5">
|
|
<button type="button" class="inline-flex bg-yellow-50 rounded-md p-1.5 text-yellow-500 hover:bg-yellow-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-yellow-50 focus:ring-yellow-600" data-action="click->notification#dismiss">
|
|
<span class="sr-only">Dismiss</span>
|
|
<%= heroicon "x", variant: :solid, options: { class: "h-5 w-5" } %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
<% if alert.present? %>
|
|
<!-- This example requires Tailwind CSS v2.0+ -->
|
|
<div class="rounded-md bg-red-50 p-4" data-controller="notification" data-notification-target="notificationWrapper">
|
|
<div class="flex">
|
|
<div class="flex-shrink-0">
|
|
<%= heroicon "check-circle", variant: :solid, options: { class: "h-5 w-5 text-red-400" } %>
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-sm font-medium text-red-800">
|
|
<%= alert %>
|
|
</p>
|
|
</div>
|
|
<div class="ml-auto pl-3">
|
|
<div class="-mx-1.5 -my-1.5">
|
|
<button type="button" class="inline-flex bg-red-50 rounded-md p-1.5 text-red-500 hover:bg-red-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-red-50 focus:ring-red-600" data-action="click->notification#dismiss">
|
|
<span class="sr-only">Dismiss</span>
|
|
<%= heroicon "x", variant: :solid, options: { class: "h-5 w-5" } %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= yield %>
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<div>
|
|
<%= controller_name %>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |