daboh/plottservice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First layout work

Browse Source 
Based on: https://www.youtube.com/watch?v=Y7i4ygh1wYw
This commit is contained in:
David Böhm
2024-07-31 15:52:56 +02:00
parent d81ef442fd
commit 40ea1910c7
4 changed files with 35 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/views/layouts/application.html.erb
View File

@@ -6,14 +6,34 @@
<%= 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>
<header class="container mx-auto px-4 py-6 flex items-center justify-between">
<a href="/" class="font-bold text-black text-xl">Plottservice</a>
<nav>
</nav>
<nav>
<ul>
<li>
<a href="#" class="rounded-full px-3 py-2 font-semibold bg-white bg-opacity-10 flex items-center group">
<span class="mr-2">Sign in</span>
<svg class="stroke-current" width="10" height="10" viewBox="0 0 10 10" aria-hidden="true" style="stroke: rgb(194, 62, 110);">
<g fill-rule="evenodd">
<path class="opacity-0 group-hover:opacity-100 transition ease-in-out duration-200" d="M0 5h7"></path>
<path class="HoverArrow__tipPath" d="M1 1l4 4-4 4"></path>
</g>
</svg>
</a>
</li>
</ul>
</nav>
</header>
<main class="container mx-auto mt-28 px-5 flex">
<%= yield %>
</main>
<footer>
</footer>
</body>
</html>