From a8317328123f1db9629a81cbe95af52236cdfce1 Mon Sep 17 00:00:00 2001 From: Darin Date: Fri, 15 Nov 2024 12:27:20 -0600 Subject: [PATCH 1/5] implement footer component with layout styling; use placeholder react logo --- bun.lockb | Bin 95193 -> 95193 bytes src/components/Footer/Footer.scss | 19 +++++++++++++++++++ src/components/Footer/Footer.tsx | 11 ++++++++++- 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/bun.lockb b/bun.lockb index 479364bfcdf026f2d297cd8ad4a28f6f4cb5d152..9638034ccc1f01c21de70eea0da2e300f570ced5 100755 GIT binary patch delta 22 ccmcclob~2&)(we&*%{-E^?-15#^1s+0D8>{^8f$< delta 22 acmcclob~2&)(we&*_jx?U~|Ub!ZHAFCkUYc diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss index 262d526..970f6bd 100644 --- a/src/components/Footer/Footer.scss +++ b/src/components/Footer/Footer.scss @@ -1 +1,20 @@ @use "../../shared/colors"; + +#footer { + position: absolute; + bottom: 0; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; +} + +#footer img { + width: 10%; +} + +#footer-socials { + display: flex; + flex-direction: row; + column-gap: 2.5rem; +} diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index 1ee4654..f65b2cd 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -1,10 +1,19 @@ import React from "react"; +import reactLogo from "../../assets/react.svg"; import "./Footer.scss"; interface IFooter {} export const Footer: React.FC = () => { - return
some words
; + return (); }; export default Footer; From 8001cc37dc08c8c1943465acbbf5645e42e8672a Mon Sep 17 00:00:00 2001 From: Darin Date: Fri, 15 Nov 2024 12:39:45 -0600 Subject: [PATCH 2/5] apply consistent formatting --- src/components/Footer/Footer.tsx | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx index f65b2cd..84ab2f6 100644 --- a/src/components/Footer/Footer.tsx +++ b/src/components/Footer/Footer.tsx @@ -5,15 +5,17 @@ import "./Footer.scss"; interface IFooter {} export const Footer: React.FC = () => { - return (