tmpl: fixate footer in the bottom [skip ci]

This commit is contained in:
surtur 2023-08-07 21:39:39 +02:00
parent 8d8d8e5731
commit 5240dce87b
Signed by: wanderer
SSH Key Fingerprint: SHA256:MdCZyJ2sHLltrLBp0xQO0O1qTW9BT/xl5nXkDvhlMCI
4 changed files with 12 additions and 12 deletions

@ -1,7 +1,7 @@
{{ template "head.tmpl" . }}
<body class="h-screen bg-white dark:bg-gray-900">
<body class="min-h-screen flex flex-col justify-between bg-white dark:bg-gray-900">
{{ template "navbar.tmpl" . }}
<main class="grow">
<main class="grow mb-auto">
<div class="container mx-auto place-items-center px-8 md:px-12 lg:px-14">
{{ if and .Data .Data.flash }}
<h1 class="text-xl text-pink-600 dark:text-pink-500 py-2">

@ -1,7 +1,7 @@
{{ template "head.tmpl" . }}
<body class="h-screen bg-white dark:bg-gray-900">
<body class="min-h-screen flex flex-col justify-between bg-white dark:bg-gray-900">
{{ template "navbar.tmpl" . }}
<main class="grow min-w-[300px]">
<main class="grow mb-auto md:min-w-[300px]">
<!-- <main class="grow"> -->
<!-- <div class="container mx-auto place-items-center px-8 md:px-12 lg:px-14"> -->
<!-- {{ if and .Data .Data.flash }} -->
@ -15,8 +15,8 @@
<!-- </h1> -->
<!-- </div> -->
<!-- </div> -->
<section class="bg-white dark:bg-gray-900">
<div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
<section>
<div class="container mx-auto md:mx-4 px-8 py-0 md:px-12 md:pt-12 lg:pt-30">
<div class="lg:flex">
<div class="lg:w-1/2">
<h1 class="mt-4 text-2xl font-medium text-fuchsia-600 dark:text-fuchsia-400 capitalize lg:text-3xl">
@ -30,11 +30,11 @@
</div>
<div class="mt-8 lg:w-1/2 lg:mt-0">
{{if and .Data .Data.user -}}
<div class="flex justify-end gap-2 lg:gap-0 place-items-center">
<a href="/manage/users/{{.Data.user.ID}}" class="w-auto py-1 mt-2 mb-4 text-center text-blue-500 md:mt-0 md:mx-6 lg:mx-4 hover:underline dark:text-blue-400">
<div class="flex justify-end gap-2 lg:gap-0 place-items-center mb-4 mt-2">
<a href="/manage/users/{{.Data.user.ID}}" class="w-auto py-1 text-center text-blue-500 md:mt-0 md:mx-6 lg:mx-4 hover:underline dark:text-blue-400">
Back to detail
</a>
<a href="/manage/users" class="w-auto py-1 mt-2 mb-4 text-center text-blue-500 md:mt-0 md:mx-6 lg:mx-4 hover:underline dark:text-blue-400">
<a href="/manage/users" class="w-auto py-1 text-center text-blue-500 md:mt-0 md:mx-6 lg:mx-4 hover:underline dark:text-blue-400">
⏎ All users
</a>
</div>

@ -1,7 +1,7 @@
{{ template "head.tmpl" . }}
<body class="h-screen bg-white dark:bg-gray-900">
<body class="min-h-screen flex flex-col justify-between bg-white dark:bg-gray-900">
{{ template "navbar.tmpl" . }}
<main class="grow">
<main class="grow mb-auto">
<div class="container mx-auto place-items-center px-8">
{{ if and .Data .Data.flash }}
<h1 class="text-xl text-pink-600 dark:text-pink-500 capitalize py-2">

@ -1,4 +1,4 @@
<nav class="sticky top-0 md:pt-3 z-20 backdrop-blur-sm border-gray-200 dark:border-gray-700 mx-auto md:mx-6">
<nav class="sticky top-0 md:pt-3 z-20 backdrop-blur-sm border-gray-200 dark:border-gray-700 md:mx-6">
<div class="max-w-screen-3xl flex flex-wrap items-center justify-between mx-auto p-2">
<a href="/" class="flex items-center">
<img src="/static/img/logo-pcmt.svg" class="h-8 mr-3" alt="logo" />