fix: restore line beneath page header (microsoft#7676)

* Update Page.tsx * Update BotProjectSettings.tsx
lei9444 · May 7, 2021 · af7bccf · af7bccf
1 parent c0f4218
commit af7bccf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 9 deletions.
diff --git a/Composer/packages/client/src/components/Page.tsx b/Composer/packages/client/src/components/Page.tsx
@@ -5,6 +5,7 @@
 import { jsx, css, SerializedStyles } from '@emotion/core';
 import React, { useMemo } from 'react';
 import { FontWeights, FontSizes } from 'office-ui-fabric-react/lib/Styling';
+import { NeutralColors } from '@uifabric/fluent-theme';
 import { Toolbar, IToolbarItem } from '@bfc/ui-shared';
 import { useRecoilValue } from 'recoil';
 import { Split, SplitMeasuredSizes } from '@geoffcox/react-splitter';
@@ -52,6 +53,7 @@ export const header = css`
   flex-shrink: 0;
   justify-content: space-between;
   align-items: center;
+  border-bottom: 1px solid ${NeutralColors.gray30};
 
   label: PageHeader;
 `;

diff --git a/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx b/Composer/packages/client/src/pages/botProject/BotProjectSettings.tsx
@@ -26,14 +26,6 @@ import { BotProjectSettingsTabView } from './BotProjectsSettingsTabView';
 
 // -------------------- Styles -------------------- //
 
-const header = css`
-  padding: 5px 20px;
-  display: flex;
-  justify-content: space-between;
-  label: PageHeader;
-  border-bottom: 1px solid silver;
-`;
-
 const container = css`
   display: flex;
   flex-direction: column;
@@ -134,7 +126,6 @@ const BotProjectSettings: React.FC<RouteComponentProps<{ projectId: string; skil
     <Page
       useDebugPane
       data-testid="BotProjectsSettings"
-      headerStyle={header}
       mainRegionName={formatMessage('Bot projects settings list View')}
       navLinks={navLinks}
       navRegionName={formatMessage('Bot Projects Settings Navigation Pane')}