Merge remote-tracking branch 'upstream/main' into clp-s-library-refactoring

Author: gibber9809

components/log-viewer-webui/client/src/AntdApp.tsx

@@ -1,6 +1,9 @@
 import {RouterProvider} from "react-router";
 
+import {ConfigProvider} from "antd";
+
 import router from "./router";
+import THEME_CONFIG from "./theme";
 
 import "@ant-design/v5-patch-for-react-19";
 
@@ -11,7 +14,13 @@ import "@ant-design/v5-patch-for-react-19";
  * @return
  */
 const AntApp = () => {
-    return <RouterProvider router={router}/>;
+    return (
+        <ConfigProvider
+            theme={THEME_CONFIG}
+        >
+            <RouterProvider router={router}/>
+        </ConfigProvider>
+    );
 };
 
 export default AntApp;

components/log-viewer-webui/client/src/components/Layout/MainLayout.module.css

@@ -12,5 +12,6 @@
 .siderLogo {
   max-width: 100%;
   max-height: 100%;
-  height: 32px;
+  padding-inline: 15%;
+  padding-block: 16px;
 }

components/log-viewer-webui/client/src/components/Layout/MainLayout.tsx

@@ -40,7 +40,7 @@ const MainLayout = () => {
                 collapsed={collapsed}
                 collapsible={true}
                 theme={"light"}
-                width={"150"}
+                width={150}
                 onCollapse={(value) => {
                     setCollapsed(value);
                 }}

components/log-viewer-webui/client/src/theme.tsx

@@ -0,0 +1,18 @@
+import type {ThemeConfig} from "antd";
+
+
+/**
+ * Ant Design theme configuration.
+ */
+const THEME_CONFIG: ThemeConfig = Object.freeze({
+    token: {
+        fontFamily: "'Inter', sans-serif",
+        colorPrimary: "#2a8efa",
+        borderRadius: 3,
+    },
+    cssVar: true,
+    hashed: false,
+});
+
+
+export default THEME_CONFIG;