fix

src/ui/Duel/layout.tsx

-import { Layout } from "antd";
-import React from "react";
-
-import { useConfig } from "@/config";
-
-const NeosConfig = useConfig();
-
-const layoutConfig = NeosConfig.ui.layout;
-const { Header, Footer, Sider, Content } = Layout;
-
-const headerStyle: React.CSSProperties = {
-  textAlign: "center",
-  alignContent: "center",
-  color: "#fff",
-  height: layoutConfig.header.height,
-};
-
-const contentStyle: React.CSSProperties = {
-  textAlign: "center",
-  minHeight: 120,
-  height: layoutConfig.content.height,
-  lineHeight: "120px",
-  paddingLeft: `${layoutConfig.sider.width}px`,
-};
-
-const siderStyle: React.CSSProperties = {
-  lineHeight: "120px",
-  position: "fixed",
-  overflow: "auto",
-  height: "100vh",
-  padding: "50px 20px",
-  color: "#fff",
-};
-
-const footerStyle: React.CSSProperties = {
-  textAlign: "center",
-  height: layoutConfig.footer.height,
-  color: "#fff",
-  paddingLeft: `${layoutConfig.sider.width}px`,
-};
-
-const NeosLayout = (props: {
-  sider: React.ReactNode;
-  header: React.ReactNode;
-  content: React.ReactNode;
-  footer: React.ReactNode;
-}) => {
-  return (
-    <Layout hasSider>
-      <Sider style={siderStyle} width={layoutConfig.sider.width}>
-        {props.sider}
-      </Sider>
-      <Layout>
-        <Header style={headerStyle}>{props.header}</Header>
-        <Content style={contentStyle}>{props.content}</Content>
-        <Footer style={footerStyle}>{props.footer}</Footer>
-      </Layout>
-    </Layout>
-  );
-};
-
-export default NeosLayout;