:art: 增加logo

dashboard/src/layouts/anonymous/index.tsx

@@ -1,24 +1,46 @@
 import { Outlet, Link } from "react-router-dom";
-import { Space } from "antd";
+import { Col, Layout, Row, Space } from "antd";
+import UiLangSelect from "../../components/general/UiLangSelect";
+import img_banner from "../../assets/library/images/wikipali_logo_library.svg";
 
 const Widget = () => {
-  return (
-    <div>
-      <div>anonymous layout header</div>
-      <div>
-        <Outlet />
-
-        <div>
-          <Space>
-            <Link to="/anonymous/users/sign-in">Sign in</Link>
-            <Link to="/anonymous/users/sign-up">Sign up</Link>
-            <Link to="/anonymous/users/forgot-password">Forgot password</Link>
-          </Space>
-        </div>
-      </div>
-      <div>anonymous layout footer</div>
-    </div>
-  );
+	return (
+		<>
+			<Layout style={{ textAlign: "right", backgroundColor: "#3e3e3e" }}>
+				<UiLangSelect />
+			</Layout>
+			<div style={{ paddingTop: "3em", backgroundColor: "#3e3e3e" }}>
+				<Row>
+					<Col flex="auto"></Col>
+					<Col flex="400px" style={{ padding: "1em" }}>
+						<img
+							alt="logo"
+							style={{ height: "5em" }}
+							src={img_banner}
+						/>
+					</Col>
+					<Col flex="400px" style={{ padding: "1em" }}>
+						<Outlet />
+						<div>
+							<Space>
+								<Link to="/anonymous/users/sign-in">
+									Sign in
+								</Link>
+								<Link to="/anonymous/users/sign-up">
+									Sign up
+								</Link>
+								<Link to="/anonymous/users/forgot-password">
+									Forgot password
+								</Link>
+							</Space>
+						</div>
+					</Col>
+					<Col flex="auto"></Col>
+				</Row>
+			</div>
+			<div>anonymous layout footer</div>
+		</>
+	);
 };
 
 export default Widget;