fix footer

XLabs · Nov 27, 2023 · 667216b · 667216b
1 parent 91c46aa
commit 667216b
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",