My own copy of Tangled :)
align footer to bottom
+8
-16
+4
-4
appview/pages/templates/layouts/base.html
+4
-4
appview/pages/templates/layouts/base.html
···
11
11
<link href="/static/tw.css" rel="stylesheet" type="text/css" />
12
12
<title>{{ block "title" . }}tangled{{ end }}</title>
13
13
</head>
14
-
<body class="bg-slate-100 min-h-screen flex flex-col justify-between">
15
-
<div class="container mx-auto px-1 pt-4">
14
+
<body class="bg-slate-100">
15
+
<div class="container mx-auto px-1 pt-4 min-h-screen flex flex-col">
16
16
<header>
17
17
{{ block "topbar" . }}
18
18
{{ template "layouts/topbar" . }}
19
19
{{ end }}
20
20
</header>
21
-
<main class="content">{{ block "content" . }}{{ end }}</main>
22
-
<footer class="mt-16 ">
21
+
<main class="content grow">{{ block "content" . }}{{ end }}</main>
22
+
<footer class="mt-16">
23
23
{{ block "footer" . }}
24
24
{{ template "layouts/footer" . }}
25
25
{{ end }}
+3
-11
appview/pages/templates/layouts/repobase.html
+3
-11
appview/pages/templates/layouts/repobase.html
···
2
2
3
3
{{ define "content" }}
4
4
<section id="repo-header" class="mb-4 p-2">
5
-
<p class="text-xl">
6
-
<a
7
-
href="/{{ .RepoInfo.OwnerWithAt }}"
8
-
class="no-underline hover:underline"
9
-
>{{ .RepoInfo.OwnerWithAt }}</a
10
-
>
5
+
<p class="text-lg font-bold">
6
+
<a href="/{{ .RepoInfo.OwnerWithAt }}">{{ .RepoInfo.OwnerWithAt }}</a>
11
7
<span class="select-none">/</span>
12
-
<a
13
-
href="/{{ .RepoInfo.FullName }}"
14
-
class="no-underline hover:underline"
15
-
>{{ .RepoInfo.Name }}</a
16
-
>
8
+
<a href="/{{ .RepoInfo.FullName }}">{{ .RepoInfo.Name }}</a>
17
9
</p>
18
10
<span>
19
11
{{ if .RepoInfo.Description }}