refactor: extract layout component
This commit is contained in:
parent
79e917b597
commit
dab9c6a395
2 changed files with 18 additions and 1 deletions
|
@ -165,6 +165,6 @@ export const MainPage = () => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</ContainerLayout>
|
||||||
);
|
);
|
||||||
};
|
};
|
17
frontend/casino/src/app/utils/ContainerLayout.tsx
Normal file
17
frontend/casino/src/app/utils/ContainerLayout.tsx
Normal file
|
@ -0,0 +1,17 @@
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
type ContainerLayoutProps = {
|
||||||
|
children: React.ReactNode;
|
||||||
|
};
|
||||||
|
|
||||||
|
const ContainerLayout: React.FC<ContainerLayoutProps> = ({ children }) => {
|
||||||
|
return (
|
||||||
|
<div className="flex bg-[#171A21]">
|
||||||
|
<div className="container mx-auto relative py-6">
|
||||||
|
{children}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default ContainerLayout;
|
Loading…
Reference in a new issue