forked from tangled.org/core
this repo has no description

align footer to bottom

Changed files
+8 -16
appview
pages
templates
+4 -4
appview/pages/templates/layouts/base.html
···
<link href="/static/tw.css" rel="stylesheet" type="text/css" />
<title>{{ block "title" . }}tangled{{ end }}</title>
</head>
-
<body class="bg-slate-100 min-h-screen flex flex-col justify-between">
-
<div class="container mx-auto px-1 pt-4">
+
<body class="bg-slate-100">
+
<div class="container mx-auto px-1 pt-4 min-h-screen flex flex-col">
<header>
{{ block "topbar" . }}
{{ template "layouts/topbar" . }}
{{ end }}
</header>
-
<main class="content">{{ block "content" . }}{{ end }}</main>
-
<footer class="mt-16 ">
+
<main class="content grow">{{ block "content" . }}{{ end }}</main>
+
<footer class="mt-16">
{{ block "footer" . }}
{{ template "layouts/footer" . }}
{{ end }}
+1 -1
appview/pages/templates/layouts/footer.html
···
{{ define "layouts/footer" }}
<div class="w-full p-4 bg-white rounded-t">
<div class="container mx-auto text-center text-gray-600 text-sm">
-
tangled
+
tangled.sh &mdash; made by <a href="/@oppili.bsky.social">@oppili.bsky.social</a> and <a href="/@@icyphox.sh">@icyphox.sh</a>
</div>
</div>
{{ end }}
+3 -11
appview/pages/templates/layouts/repobase.html
···
{{ define "content" }}
<section id="repo-header" class="mb-4 p-2">
-
<p class="text-xl">
-
<a
-
href="/{{ .RepoInfo.OwnerWithAt }}"
-
class="no-underline hover:underline"
-
>{{ .RepoInfo.OwnerWithAt }}</a
-
>
+
<p class="text-lg font-bold">
+
<a href="/{{ .RepoInfo.OwnerWithAt }}">{{ .RepoInfo.OwnerWithAt }}</a>
<span class="select-none">/</span>
-
<a
-
href="/{{ .RepoInfo.FullName }}"
-
class="no-underline hover:underline"
-
>{{ .RepoInfo.Name }}</a
-
>
+
<a href="/{{ .RepoInfo.FullName }}">{{ .RepoInfo.Name }}</a>
</p>
<span>
{{ if .RepoInfo.Description }}