Imbus/FrostByte
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Stick footer to bottom with mt-auto

Browse source
This commit is contained in:
Imbus 2023-11-24 02:37:50 +01:00
parent e8802b8a32
commit f10234b72f
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client-solid/src/Containers/Footer.tsx
View file

@ -2,7 +2,7 @@ import { JSXElement } from "solid-js";
export function Footer(): JSXElement { export function Footer(): JSXElement {
return ( return (
<footer class="footer footer-center rounded bg-base-200 p-10 text-base-content"> <footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content">
<nav class="grid grid-flow-col gap-4"> <nav class="grid grid-flow-col gap-4">
<a class="link-hover link">About us</a> <a class="link-hover link">About us</a>
<a class="link-hover link">Contact</a> <a class="link-hover link">Contact</a>

2
client-solid/src/Containers/PageContainer.tsx
View file

@ -3,7 +3,7 @@ import { JSXElement } from "solid-js";
// MainContainer is the main container for the page. // MainContainer is the main container for the page.
export function PageContainer(props: { children: JSXElement }): JSXElement { export function PageContainer(props: { children: JSXElement }): JSXElement {
return ( return (
<div class="flex min-h-screen flex-col items-center justify-between"> <div class="flex min-h-screen flex-col items-center">
{props.children} {props.children}
</div> </div>
); );