refactor: set logo header fit into drawer width

lablup · Aug 30, 2024 · d7694f1 · d7694f1
1 parent f8afbf7
commit d7694f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
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,