CLS fix significantly better on footer with sticky

This commit is contained in:
Imbus 2024-03-08 06:28:46 +01:00
parent 6e6b9aa73c
commit aee8a44404

View file

@ -3,7 +3,7 @@ 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>