fix: Footer Location on Smaller Screens (#1242)

update body background color and remove background on footer
open-sauced · Jun 5, 2023 · 8b2356a · 8b2356a
1 parent 5afb38f
commit 8b2356a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/components/organisms/Footer/footer.tsx b/components/organisms/Footer/footer.tsx
@@ -59,7 +59,7 @@ const footerContext = [
 
 const Footer = (): JSX.Element => {
   return (
-    <footer className=" h-24 w-full bg-light-slate-2 transition">
+    <footer className="h-24 w-full transition">
       <div className=" container mx-auto px-2 md:px-16  lg:border-t lg:py-8 lg:items-center lg:justify-between lg:gap-x-4 flex flex-col gap-y-4 lg:flex-row py-2 w-full">
         <div className="text-center lg:text-left justify-center gap-1 flex items-center">
           <div className="w-6 h-6 relative !min-w-[24px] min-h-[24px]">

diff --git a/styles/globals.css b/styles/globals.css
@@ -5,6 +5,9 @@
 * {
   font-weight: 500;
 }
+body {
+  background-color: #f8f9fa;
+}
 .login-step .sbui-btn-container {
   width: 100%;
 }