refactor: set logo header fit into drawer width

lablup · Aug 30, 2024 · 5c18a08 · 5c18a08
1 parent d25d92d
commit 5c18a08
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/react/src/components/BAISider.tsx b/react/src/components/BAISider.tsx
@@ -1,4 +1,5 @@
 import Flex from './Flex';
+import { DRAWER_WIDTH } from './WEBUINotificationDrawer';
 import { ConfigProvider, Grid, SiderProps, Typography, theme } from 'antd';
 import Sider from 'antd/es/layout/Sider';
 import _ from 'lodash';
@@ -56,7 +57,7 @@ const BAISider: React.FC<BAISiderProps> = ({
         `}
       </style>
       <Sider
-        width={220}
+        width={DRAWER_WIDTH}
         breakpoint="md"
         style={{
           overflowX: 'hidden',

diff --git a/react/src/components/MainLayout/WebUIHeader.tsx b/react/src/components/MainLayout/WebUIHeader.tsx
@@ -12,6 +12,7 @@ import Flex, { FlexProps } from '../Flex';
 import ProjectSelect from '../ProjectSelect';
 import UserDropdownMenu from '../UserDropdownMenu';
 import WEBUIHelpButton from '../WEBUIHelpButton';
+import { DRAWER_WIDTH } from '../WEBUINotificationDrawer';
 import WebUIThemeToggleButton from '../WebUIThemeToggleButton';
 // @ts-ignore
 import rawCss from './WebUIHeader.css?raw';
@@ -79,6 +80,7 @@ const WebUIHeader: React.FC<WebUIHeaderProps> = ({
       <Flex align="center" justify="start" direction="row" gap={'lg'}>
         <div
           style={{
+            width: DRAWER_WIDTH,
             paddingTop: 18,
             paddingBottom: 18,
             paddingRight: 30,

diff --git a/resources/theme.json b/resources/theme.json
@@ -14,7 +14,6 @@
       "borderRadius": 5,
       "colorLinkHover": "#FF9D00",
       "colorBgBlur": "#FFE3B7",
-      "colorBorder": "#FF9D00",
       "colorBorderSecondary": "#E1E1E2",
       "colorSuccess": "#028DF2",
       "colorSuccessBg": "#C9EFFF",
@@ -27,6 +26,7 @@
     "components": {
       "Tag": {
         "borderRadiusSM": 100,
+        "colorSuccess": "#01A543",
         "colorSuccessBg": "none",
         "colorPreparingBg": "none",
         "colorWarningBg": "none"