142 lines
5.5 KiB
Plaintext
142 lines
5.5 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>EvoBal</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
|
|
<%= stylesheet_link_tag "application", "data-turbolinks-track": "reload" %>
|
|
<%= javascript_pack_tag "application", "data-turbolinks-track": "reload" %>
|
|
<%= stylesheet_pack_tag "application", "data-turbo-track": "reload" %>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="h-screen flex overflow-hidden bg-gray-100">
|
|
<!-- Off-canvas menu for mobile, show/hide based on off-canvas menu state. -->
|
|
<div class="md:hidden">
|
|
<div class="fixed inset-0 flex z-40">
|
|
<!--
|
|
Off-canvas menu overlay, show/hide based on off-canvas menu state.
|
|
|
|
Entering: "transition-opacity ease-linear duration-300"
|
|
From: "opacity-0"
|
|
To: "opacity-100"
|
|
Leaving: "transition-opacity ease-linear duration-300"
|
|
From: "opacity-100"
|
|
To: "opacity-0"
|
|
-->
|
|
<div class="fixed inset-0">
|
|
<div class="absolute inset-0 bg-gray-600 opacity-75"></div>
|
|
</div>
|
|
<!--
|
|
Off-canvas menu, show/hide based on off-canvas menu state.
|
|
|
|
Entering: "transition ease-in-out duration-300 transform"
|
|
From: "-translate-x-full"
|
|
To: "translate-x-0"
|
|
Leaving: "transition ease-in-out duration-300 transform"
|
|
From: "translate-x-0"
|
|
To: "-translate-x-full"
|
|
-->
|
|
<div class="relative flex-1 flex flex-col max-w-xs w-full bg-gray-800">
|
|
<div class="absolute top-0 right-0 -mr-12 pt-2">
|
|
<button
|
|
class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
|
|
<span class="sr-only">Close sidebar</span>
|
|
<%= heroicon "x", variant: :outline, options: { class: "h-6 w-6 text-white" } %>
|
|
</button>
|
|
</div>
|
|
<div class="flex-1 h-0 pt-5 pb-4 overflow-y-auto">
|
|
<div class="flex-shrink-0 flex items-center px-4 text-white text-3xl font-black">
|
|
EvoBal
|
|
</div>
|
|
<nav class="mt-5 px-2 space-y-1">
|
|
<%= render partial: "shared/main_nav" %>
|
|
</nav>
|
|
</div>
|
|
<div class="flex-shrink-0 flex bg-gray-700 p-4">
|
|
<a href="#" class="flex-shrink-0 group block">
|
|
<div class="flex items-center">
|
|
<div>
|
|
<img class="inline-block h-10 w-10 rounded-full"
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixqx=bWqFzH45hk&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt="">
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-base font-medium text-white">
|
|
Tom Cook
|
|
</p>
|
|
<p class="text-sm font-medium text-gray-400 group-hover:text-gray-300">
|
|
View profile
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="flex-shrink-0 w-14">
|
|
<!-- Force sidebar to shrink to fit close icon -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Static sidebar for desktop -->
|
|
<div class="hidden md:flex md:flex-shrink-0">
|
|
<div class="flex flex-col w-64">
|
|
<!-- Sidebar component, swap this element with another sidebar if you like -->
|
|
<div class="flex flex-col h-0 flex-1 bg-gray-800">
|
|
<div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
|
|
<div class="flex items-center flex-shrink-0 px-4 text-white text-3xl font-black">
|
|
EvoBal
|
|
</div>
|
|
<nav class="mt-5 flex-1 px-2 bg-gray-800 space-y-1">
|
|
<%= render partial: "shared/main_nav" %>
|
|
</nav>
|
|
</div>
|
|
<div class="flex-shrink-0 flex bg-gray-700 p-4">
|
|
<a href="#" class="flex-shrink-0 w-full group block">
|
|
<div class="flex items-center">
|
|
<div>
|
|
<img class="inline-block h-9 w-9 rounded-full"
|
|
src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixqx=bWqFzH45hk&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
|
|
alt="">
|
|
</div>
|
|
<div class="ml-3">
|
|
<p class="text-sm font-medium text-white">
|
|
Tom Cook
|
|
</p>
|
|
<p class="text-xs font-medium text-gray-300 group-hover:text-gray-200">
|
|
View profile
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col w-0 flex-1 overflow-hidden">
|
|
<div class="md:hidden pl-1 pt-1 sm:pl-3 sm:pt-3">
|
|
<button
|
|
class="-ml-0.5 -mt-0.5 h-12 w-12 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
|
|
<span class="sr-only">Open sidebar</span>
|
|
<%= heroicon "menu", variant: :outline, options: { class: "h-6 w-6" } %>
|
|
</button>
|
|
</div>
|
|
<main class="flex-1 relative z-0 overflow-y-auto focus:outline-none" tabindex="0">
|
|
<div class="p-6 mx-auto bg-white shadow">
|
|
<%= yield :main_header %>
|
|
</div>
|
|
<div class="p-6 mx-auto">
|
|
<%= yield %>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |