owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Smaller footer

Browse Source
This commit is contained in:
Timothy Armes
2023-10-10 11:06:12 +02:00
committed by Owen Rees
parent bd0993ed72
commit c0986fa64e
2 changed files with 6 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/components/Footer.tsx
+1 -5
View File
@@ -9,13 +9,9 @@ export default function Footer() {
return ( return (
<footer <footer
className="fixed bottom-0 z-30 flex h-20 w-[100vw] flex-col items-center justify-center justify-items-center bg-primary-600 px-5 py-2 text-white dark:bg-gray-700" className="fixed bottom-0 z-30 flex h-12 w-[100vw] flex-col items-center justify-center justify-items-center bg-primary-600 px-5 py-2 text-white dark:bg-gray-700"
data-test="footer" data-test="footer"
> >
<div className="text-center">
&copy; {new Date().getFullYear()} - Owen&nbsp;Rees & Timothy&nbsp;Armes
</div>
<div className="flex items-center py-2 hover:[&_a]:opacity-80"> <div className="flex items-center py-2 hover:[&_a]:opacity-80">
<Link <Link
href="https://github.com/TheRealOwenRees/echecsfrance" href="https://github.com/TheRealOwenRees/echecsfrance"
tailwind.config.js
+5 -5
View File
@@ -32,17 +32,17 @@ module.exports = {
}, },
minHeight: { minHeight: {
// We use 100svh, falling back to the the --1svh var that we add as a polyfill for older browsers. // We use 100svh, falling back to the the --1svh var that we add as a polyfill for older browsers.
// The 9rem is for the header and footer. // The 7rem is for the header and footer.
// In the event that the polyfill fails, we fall back to 0.9vh as a guess of how much 1svh is. // In the event that the polyfill fails, we fall back to 0.9vh as a guess of how much 1svh is.
content: [ content: [
"calc(var(--1svh, 0.9vh) * 100 - 9rem)", "calc(var(--1svh, 0.9vh) * 100 - 7rem)",
"calc(100svh - 9rem)", "calc(100svh - 7rem)",
], ],
}, },
height: { height: {
content: [ content: [
"calc(var(--1svh, 0.9vh) * 100 - 9rem)", "calc(var(--1svh, 0.9vh) * 100 - 7rem)",
"calc(100svh - 9rem)", "calc(100svh - 7rem)",
], ],
}, },
}, },