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

CLS mitigation in Footer component

Browse source
This commit is contained in:
Imbus 2024-03-08 05:39:41 +01:00
parent 8eca21336d
commit 21e8cab0ed
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,7 +2,8 @@ import { JSXElement } from "solid-js";
export function Footer(): JSXElement { export function Footer(): JSXElement {
return ( return (
<footer class="footer footer-center rounded mt-auto bg-base-200 p-10 text-base-content"> /* Note that margin-top is defined inline here, instead of tailwinds "mt-auto", this is to mitigate CLS */
<footer style="margin-top: auto;" class="footer footer-center rounded 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>