started tailwind css

This commit is contained in:
2026-01-06 05:40:28 -07:00
parent dd5ce62b0e
commit 073e5bfe26
18 changed files with 575 additions and 73 deletions
+22 -51
View File
@@ -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>