started tailwind css
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html class="min-h-full flex flex-col items-stretch">
|
||||
<head>
|
||||
<title>
|
||||
{{ block "title" . }} Inventory++ {{ end }}
|
||||
@@ -16,24 +16,12 @@
|
||||
{{- block "head" . }}{{ end }}
|
||||
</head>
|
||||
|
||||
<body style="margin: 0; padding: 0;">
|
||||
<header style="margin: 0; padding: 0;">
|
||||
<nav
|
||||
style="
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
background-color: #bdf;
|
||||
|
||||
font-size: 1.25em;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/">
|
||||
<body class="basis-full grow bg-background flex flex-col items-stretch">
|
||||
<header>
|
||||
<nav class="flex flex-col items-center text-xl overflow-x-scroll overflow-y-hidden ">
|
||||
<ul class="flex text-nowrap overflow-x-scroll overflow-y-hidden">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/" class="p-[1em] font-bold">
|
||||
Home
|
||||
</a>
|
||||
</li>
|
||||
@@ -48,34 +36,34 @@
|
||||
|
||||
{{- if not $userID }}
|
||||
|
||||
<li>
|
||||
<a href="/login">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/login" class="p-[1em] font-bold">
|
||||
Log In / Sign Up
|
||||
</a>
|
||||
</li>
|
||||
|
||||
{{- else if $acctID }}
|
||||
|
||||
<li>
|
||||
<a href="/accounts/{{$acctID}}">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/accounts/{{$acctID}}" class="p-[1em] font-bold">
|
||||
Account
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/accounts/{{$acctID}}/reports">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/accounts/{{$acctID}}/reports" class="p-[1em] font-bold">
|
||||
Reports
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/accounts/{{$acctID}}/inventory">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/accounts/{{$acctID}}/inventory" class="p-[1em] font-bold">
|
||||
Inventory
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/logout">
|
||||
<li class="pt-[1em] pb-[1em]">
|
||||
<a href="/logout" class="p-[1em] font-bold">
|
||||
Log Out
|
||||
</a>
|
||||
</li>
|
||||
@@ -85,32 +73,15 @@
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main style="margin: 0; padding: 1em;">
|
||||
<main class="basis-full grow p-[1em]">
|
||||
{{/* This is where the page_body template will be inserted into the page */}}
|
||||
{{- block "body" . }}{{ end }}
|
||||
</main>
|
||||
|
||||
<footer
|
||||
style="
|
||||
margin: 0;
|
||||
padding: 2em;
|
||||
background-color: #bdf;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
"
|
||||
>
|
||||
<address
|
||||
style="
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 0.5em;
|
||||
"
|
||||
>
|
||||
<a href="mailto:contact-us@inventory-plus-plus.com">Contact Us</a>
|
||||
<a href="mailto:support@inventory-plus-plus.com">Support</a>
|
||||
<footer class="flex flex-col items-center">
|
||||
<address class="flex items-center">
|
||||
<a href="mailto:contact-us@inventory-plus-plus.com" class="p-[1em] font-bold">Contact Us</a>
|
||||
<a href="mailto:support@inventory-plus-plus.com" class="p-[1em] font-bold">Support</a>
|
||||
</address>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
Reference in New Issue
Block a user