Bugfix: Footer behavior (#545)

* advances * fix prettier * fix footer
XLabs · Nov 27, 2023 · 7e6b11e · 7e6b11e
1 parent d541bfe
commit 7e6b11e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/apps/connect/src/App.tsx b/apps/connect/src/App.tsx
@@ -43,8 +43,10 @@ export default function Root() {
   const messages = Object.values(messageConfig);
   return (
     <>
-      <NewsBar messages={messages} />
-      <NavBar />
+      <div>
+        <NewsBar messages={messages} />
+        <NavBar />
+      </div>
       <ConnectLoader config={config} />
     </>
   );

diff --git a/apps/connect/src/components/atoms/Background.tsx b/apps/connect/src/components/atoms/Background.tsx
@@ -7,11 +7,18 @@ import Version from "./Version";
 const Container = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
+  justifyContent: "space-between",
   minHeight: "100vh",
   position: "relative",
   overflow: "hidden"
 }));
 
+const ContainerFooter = styled("div")(() => ({
+  display: "column",
+  flexDirection: "row",
+  alignItems: "flex-end"
+}));
+
 export default function Background({
   children,
 }: {
@@ -20,6 +27,7 @@ export default function Background({
   return (
     <Container>
       {children}
+      <ContainerFooter>
       <PoweredBy />
       <Version />
       <Glow
@@ -68,6 +76,8 @@ export default function Background({
           </Elipsis>
         </Elipsis>
       </Glow>
+    </ContainerFooter>
+
     </Container>
   );
 }
diff --git a/apps/connect/src/components/atoms/Footer.tsx b/apps/connect/src/components/atoms/Footer.tsx
@@ -12,6 +12,7 @@ const Footer = styled(Typography)<FooterProps>(({ theme, left, right }) => ({
     flexGrow: 1,
     justifyContent: "center",
     paddingBottom: theme.spacing(2),
+    alignItems: "flex-end",
   },
   [theme.breakpoints.up("md")]: {
     position: "absolute",