commit 7125cb1f4dddb87ab6dc1fccf6a7f9025a4af3e1 · @tangled.sh/core

@tangled.sh / core

this repo has no description

align footer to bottom

Akshay 5 days ago 3 files (+8, -16)

7125cb1f fd1193d1

Changed files

appview/pages/templates/layouts/base.html

appview/pages/templates/layouts/footer.html

appview/pages/templates/layouts/repobase.html

MODIFIED appview/pages/templates/layouts/base.html

@@ -11,15 +11,15 @@ <script src="/static/htmx.min.js"></script>
             <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 }}

MODIFIED appview/pages/templates/layouts/footer.html

@@ -1,7 +1,7 @@
 {{ 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 }}

MODIFIED appview/pages/templates/layouts/repobase.html

@@ -2,18 +2,10 @@ {{ define "title" }}{{ .RepoInfo.FullName }}{{ end }}
 
 {{ 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 }}