lewis.moe
Monorepo for Tangled
appview/pages: header and footer occupy full page width
Signed-off-by: Jens Rømer Hesselbjerg <jh.roemer@gmail.com>
authored by
Jens Rømer Hesselbjerg
and committed by
Tangled
61d45d60
446e557c
+13
-12
appview/pages/templates/layouts/base.html
+13
-12
appview/pages/templates/layouts/base.html
···
24
<title>{{ block "title" . }}{{ end }} · tangled</title>
25
{{ block "extrameta" . }}{{ end }}
26
</head>
27
-
<body class="min-h-screen grid grid-cols-1 grid-rows-[min-content_auto_min-content] gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200"
28
-
style="grid-template-columns: minmax(1rem, 1fr) minmax(auto, 1024px) minmax(1rem, 1fr);">
29
{{ block "topbarLayout" . }}
30
-
<header class="px-1 col-span-full md:col-span-1 md:col-start-2" style="z-index: 20;">
31
32
{{ if .LoggedInUser }}
33
<div id="upgrade-banner"
···
41
{{ end }}
42
43
{{ block "mainLayout" . }}
44
-
<div class="px-1 col-span-full md:col-span-1 md:col-start-2 flex flex-col gap-4">
45
-
{{ block "contentLayout" . }}
46
-
<main class="col-span-1 md:col-span-8">
47
{{ block "content" . }}{{ end }}
48
</main>
49
-
{{ end }}
50
-
51
-
{{ block "contentAfterLayout" . }}
52
-
<main class="col-span-1 md:col-span-8">
53
{{ block "contentAfter" . }}{{ end }}
54
</main>
55
-
{{ end }}
56
</div>
57
{{ end }}
58
59
{{ block "footerLayout" . }}
60
-
<footer class="px-1 col-span-full md:col-span-1 md:col-start-2 mt-12">
61
{{ template "layouts/fragments/footer" . }}
62
</footer>
63
{{ end }}
···
24
<title>{{ block "title" . }}{{ end }} · tangled</title>
25
{{ block "extrameta" . }}{{ end }}
26
</head>
27
+
<body class="min-h-screen flex flex-col gap-4 bg-slate-100 dark:bg-gray-900 dark:text-white transition-colors duration-200">
28
{{ block "topbarLayout" . }}
29
+
<header class="w-full bg-white dark:bg-gray-800 col-span-full md:col-span-1 md:col-start-2" style="z-index: 20;">
30
31
{{ if .LoggedInUser }}
32
<div id="upgrade-banner"
···
40
{{ end }}
41
42
{{ block "mainLayout" . }}
43
+
<div class="flex-grow">
44
+
<div class="max-w-screen-lg px-4 mx-auto my-6 flex flex-col gap-4">
45
+
{{ block "contentLayout" . }}
46
+
<main>
47
{{ block "content" . }}{{ end }}
48
</main>
49
+
{{ end }}
50
+
51
+
{{ block "contentAfterLayout" . }}
52
+
<main>
53
{{ block "contentAfter" . }}{{ end }}
54
</main>
55
+
{{ end }}
56
+
</div>
57
</div>
58
{{ end }}
59
60
{{ block "footerLayout" . }}
61
+
<footer class="bg-white dark:bg-gray-800 mt-12">
62
{{ template "layouts/fragments/footer" . }}
63
</footer>
64
{{ end }}
+1
-1
appview/pages/templates/layouts/fragments/topbar.html
+1
-1
appview/pages/templates/layouts/fragments/topbar.html
···
1
{{ define "layouts/fragments/topbar" }}
2
-
<nav class="space-x-4 px-6 py-2 rounded-b bg-white dark:bg-gray-800 dark:text-white drop-shadow-sm">
3
<div class="flex justify-between p-0 items-center">
4
<div id="left-items">
5
<a href="/" hx-boost="true" class="text-2xl no-underline hover:no-underline flex items-center gap-2">
···
1
{{ define "layouts/fragments/topbar" }}
2
+
<nav class="mx-auto space-x-4 px-6 py-2 rounded-b dark:text-white drop-shadow-sm">
3
<div class="flex justify-between p-0 items-center">
4
<div id="left-items">
5
<a href="/" hx-boost="true" class="text-2xl no-underline hover:no-underline flex items-center gap-2">