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

Compare commits

base: Imbus:6e6b9aa73cb5948c7c25c6c7a34803ece45fc94d
Branches Tags
Imbus:master
Imbus:dev
Imbus:legacy
...
compare: Imbus:a83cce236f30cd3bd5569c24442e32a5d7f3166a
Branches Tags
Imbus:master
Imbus:dev
Imbus:legacy

2 commits
6e6b9aa73c ... a83cce236f

Author SHA1 Message Date
Imbus
a83cce236f Formatting 2024-03-08 06:28:57 +01:00
Imbus
aee8a44404 CLS fix significantly better on footer with sticky 2024-03-08 06:28:46 +01:00
1 changed files with 7 additions and 3 deletions
Show stats Expand all files Collapse all files

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

@ -3,10 +3,14 @@ import { JSXElement } from "solid-js";
export function Footer(): JSXElement {
return (
/* Something here is causing a Layout Shift, TODO: Fix */
<footer class="footer footer-center mt-auto rounded bg-base-200 p-10 text-base-content">
<footer class="footer footer-center sticky mt-auto rounded bg-base-200 p-10 text-base-content">
<nav class="grid grid-flow-col gap-4">
<a href="/about" class="link-hover link">About us</a>
<a href="/contact" class="link-hover link">Contact</a>
<a href="/about" class="link-hover link">
About us
</a>
<a href="/contact" class="link-hover link">
Contact
</a>
</nav>
<nav>
<div class="grid grid-flow-col gap-4">