change to bootstrap

main
DustyP 9 months ago
parent 865c8392e7
commit d8ca259902

@ -7,24 +7,38 @@ templ Layout(title string) {
<meta charset="UTF-8"/> <meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>{ title } - Derby Race Manager</title> <title>{ title } - Derby Race Manager</title>
<link href="/static/css/tailwind.css" rel="stylesheet"/> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="/static/js/htmx.min.js"></script> <script src="/static/js/htmx.min.js"></script>
</head> </head>
<body class="bg-gray-100 min-h-screen"> <body class="bg-light min-vh-100">
<nav class="bg-indigo-600 text-white p-4"> <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container mx-auto flex justify-between items-center"> <div class="container">
<a href="/" class="text-xl font-bold">Derby Race Manager</a> <a href="/" class="navbar-brand">Derby Race Manager</a>
<div class="space-x-4"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<a href="/" class="hover:underline">Home</a> <span class="navbar-toggler-icon"></span>
<a href="/admin" class="hover:underline">Admin</a> </button>
<a href="/register" class="hover:underline">Register</a> <div class="collapse navbar-collapse" id="navbarNav">
<a href="/heats" class="hover:underline">Heats</a> <ul class="navbar-nav">
<li class="nav-item">
<a href="/" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="/admin" class="nav-link">Admin</a>
</li>
<li class="nav-item">
<a href="/register" class="nav-link">Register</a>
</li>
<li class="nav-item">
<a href="/heats" class="nav-link">Heats</a>
</li>
</ul>
</div> </div>
</div> </div>
</nav> </nav>
<main> <main>
{ children... } { children... }
</main> </main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>
} }

@ -42,7 +42,7 @@ func Layout(title string) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Derby Race Manager</title><link href=\"/static/css/tailwind.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script></head><body class=\"bg-gray-100 min-h-screen\"><nav class=\"bg-indigo-600 text-white p-4\"><div class=\"container mx-auto flex justify-between items-center\"><a href=\"/\" class=\"text-xl font-bold\">Derby Race Manager</a><div class=\"space-x-4\"><a href=\"/\" class=\"hover:underline\">Home</a> <a href=\"/admin\" class=\"hover:underline\">Admin</a> <a href=\"/register\" class=\"hover:underline\">Register</a> <a href=\"/heats\" class=\"hover:underline\">Heats</a></div></div></nav><main>") templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, " - Derby Race Manager</title><link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css\" rel=\"stylesheet\"><script src=\"/static/js/htmx.min.js\"></script></head><body class=\"bg-light min-vh-100\"><nav class=\"navbar navbar-expand-lg navbar-dark bg-primary\"><div class=\"container\"><a href=\"/\" class=\"navbar-brand\">Derby Race Manager</a> <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\"><span class=\"navbar-toggler-icon\"></span></button><div class=\"collapse navbar-collapse\" id=\"navbarNav\"><ul class=\"navbar-nav\"><li class=\"nav-item\"><a href=\"/\" class=\"nav-link\">Home</a></li><li class=\"nav-item\"><a href=\"/admin\" class=\"nav-link\">Admin</a></li><li class=\"nav-item\"><a href=\"/register\" class=\"nav-link\">Register</a></li><li class=\"nav-item\"><a href=\"/heats\" class=\"nav-link\">Heats</a></li></ul></div></div></nav><main>")
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
@ -50,7 +50,7 @@ func Layout(title string) templ.Component {
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</main></body></html>") templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "</main><script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js\"></script></body></html>")
if templ_7745c5c3_Err != nil { if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err return templ_7745c5c3_Err
} }

Loading…
Cancel
Save