style: Update layout and alignment styles

3Dpass · Jan 7, 2025 · e36c76b · e36c76b
1 parent 1a57961
commit e36c76b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/components/common/Container.tsx b/app/components/common/Container.tsx
@@ -6,5 +6,5 @@ interface ContainerProps {
 }
 
 export function Container({ children, className = "" }: ContainerProps) {
-  return <div className={`max-w-4xl mx-auto ${className}`}>{children}</div>;
+  return <div className={`w-full max-w-4xl mx-auto ${className}`}>{children}</div>;
 }
diff --git a/app/root.tsx b/app/root.tsx
@@ -113,7 +113,7 @@ export default function App() {
           {() => (
             <ApiCtxRoot apiUrl={apiUrl}>
               <ApolloProvider client={client}>
-                <div className="container mx-auto px-4">
+                <div className="container mx-auto px-4 flex flex-col min-h-screen">
                   <Navbar className="flex justify-between overflow-x-auto overflow-y-hidden mb-4 mt-2">
                     <NavbarGroup align={Alignment.LEFT}>
                       <NavbarHeading className="whitespace-nowrap flex">
@@ -147,8 +147,8 @@ export default function App() {
                     </NavbarGroup>
                   </Navbar>
                   <Outlet />
-                  <footer className="p-4 py-8">
-                    <div className="flex items-center gap-6 justify-end">
+                  <footer className="p-4 py-8 mt-auto">
+                    <div className="flex items-center gap-6 justify-center">
                       <a href="https://swap.3dpscan.io/swap" target="_blank" rel="noopener noreferrer">
                         DEX/Swap
                       </a>