fix: change layout width

DCFoundation · Feb 29, 2024 · 5ffb494 · 5ffb494
1 parent 7aa1420
commit 5ffb494
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ChainTiles.tsx b/src/components/ChainTiles.tsx
@@ -7,7 +7,7 @@ const selectChainDescription =
 
 const ChainTiles = ({ chains }: { chains: ChainList }) => {
   return (
-    <div className="w-full max-w-4xl px-2 py-2 sm:px-0 m-auto">
+    <div className="w-full max-w-7xl px-2 py-2 sm:px-0 m-auto">
       <div className="flex flex-col min-w-full rounded-xl bg-white p-3">
         <div className="py-2 px-2">
           <div>

diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
@@ -11,7 +11,7 @@ interface NavProps {
 
 const Nav = ({ title, showLogo, rightContent }: NavProps) => (
   <nav className="">
-    <div className="mx-auto max-w-4xl">
+    <div className="mx-auto max-w-7xl">
       <div className="flex h-16 items-center justify-between px-2 pt-6">
         <div className="flex items-center space-x-1">
           {showLogo ? (

diff --git a/src/components/Tabs.tsx b/src/components/Tabs.tsx
@@ -45,7 +45,7 @@ const Tabs = ({ tabs }: TabsProps) => {
   };
 
   return (
-    <div className="w-full max-w-4xl px-2 py-2 sm:px-0 m-auto">
+    <div className="w-full max-w-7xl px-2 py-2 sm:px-0 m-auto">
       <Tab.Group selectedIndex={selectedIdx} onChange={handleChange}>
         <div className={"flex flex-wrap rounded-xl bg-white"}>
           <div className={"basis-full md:basis-5/12 md:p-[40px]"}>