Export StyledMain instead to add additional styles from Banner

gravitational · Apr 14, 2021 · 5305c41 · 5305c41
1 parent e3800b6
commit 5305c41
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/teleport/src/Main/Main.tsx b/packages/teleport/src/Main/Main.tsx
@@ -73,18 +73,18 @@ export function Main(props: State) {
       <RouterDOM.Switch>
         <Redirect exact={true} from={cfg.routes.root} to={indexRoute} />
       </RouterDOM.Switch>
-      <VerticalSplit className="teleport-main">
+      <StyledMain>
         <SideNav />
         <HorizontalSplit>
           <TopBar />
           <Switch>{$features}</Switch>
         </HorizontalSplit>
-      </VerticalSplit>
+      </StyledMain>
     </>
   );
 }
 
-const VerticalSplit = styled.div`
+export const StyledMain = styled.div`
   width: 100%;
   height: 100%;
   display: flex;

diff --git a/packages/teleport/src/Main/index.ts b/packages/teleport/src/Main/index.ts
@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import { hot } from 'react-hot-loader/root';
-import Main from './Main';
+import Main, { StyledMain } from './Main';
 
+export { StyledMain };
 export default hot(Main);