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>
|
||||
</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