templates: align footer with the main container
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
leo 2023-05-07 00:12:37 +02:00
parent 9dbc475145
commit 4f697282cf
Signed by: wanderer
SSH Key Fingerprint: SHA256:Dp8+iwKHSlrMEHzE3bJnPng70I7LEsa3IJXRH/U+idQ
3 changed files with 3 additions and 3 deletions

View File

@ -1,5 +1,5 @@
<!-- footer anchored to the bottom https://stackoverflow.com/a/72232241 --> <!-- footer anchored to the bottom https://stackoverflow.com/a/72232241 -->
<footer class="items-center mx-6 m-4 sticky top-[100vh] shadow bg-white dark:bg-gray-900 border-2 border-slate-300 rounded-sm"> <footer class="items-center md:mx-10 m-4 sticky top-[100vh] shadow bg-white dark:bg-gray-900 border-2 border-slate-300 rounded-sm">
<!-- alternatively --> <!-- alternatively -->
<!-- <footer class="fixed bottom-0 left-0 w-full bg-gray-800 mx-auto rounded-sm"> --> <!-- <footer class="fixed bottom-0 left-0 w-full bg-gray-800 mx-auto rounded-sm"> -->
<span class="block hover:shadow text-center text-sm px-6 py-2 text-pink-400 dark:bg-gray-900"> <span class="block hover:shadow text-center text-sm px-6 py-2 text-pink-400 dark:bg-gray-900">

View File

@ -4,7 +4,7 @@
<main class="grow min-w-[300px]"> <main class="grow min-w-[300px]">
<!-- <section class="bg-white dark:bg-gray-900"> --> <!-- <section class="bg-white dark:bg-gray-900"> -->
<section> <section>
<div class="container mx-auto px-6 sm:px-0:py-0 md:py-16 lg:py-32"> <div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
<div class="lg:flex"> <div class="lg:flex">
<div class="lg:w-1/2"> <div class="lg:w-1/2">
<h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3> <h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3>

View File

@ -3,7 +3,7 @@
{{ template "navbar.tmpl" . }} {{ template "navbar.tmpl" . }}
<main class="grow min-w-[300px]"> <main class="grow min-w-[300px]">
<section class="bg-white dark:bg-gray-900"> <section class="bg-white dark:bg-gray-900">
<div class="container mx-auto px-6 sm:px-0:py-0 md:py-16 lg:py-32"> <div class="container mx-auto md:mx-4 px-6 sm:px-0:py-0 md:py-16 lg:py-32">
<div class="lg:flex"> <div class="lg:flex">
<div class="lg:w-1/2"> <div class="lg:w-1/2">
<h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3> <h3 class="mt-4 text-gray-600 dark:text-gray-300 md:text-lg">Welcome!</h3>