hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

css tweaks for landing page as a PageLayout

Browse Source 
Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
This commit is contained in:
Jim Ehrismann 2021-02-02 12:40:19 -05:00
parent 6193e7aacb
commit 28da6330bb
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/+landing-page/landing-page.scss
View File

@ -1,6 +1,4 @@
.LandingPage { .PageLayout.LandingPage {
width: 100%; --width: 80%;
height: 100%;
text-align: center; text-align: center;
z-index: 0;
} }

3
src/renderer/components/+landing-page/landing-page.tsx
View File

@ -4,6 +4,7 @@ import { observer } from "mobx-react";
import { Workspace, workspaceStore } from "../../../common/workspace-store"; import { Workspace, workspaceStore } from "../../../common/workspace-store";
import { WorkspaceOverview } from "./workspace-overview"; import { WorkspaceOverview } from "./workspace-overview";
import { PageLayout } from "../layout/page-layout"; import { PageLayout } from "../layout/page-layout";
@observer @observer
export class LandingPage extends React.Component { export class LandingPage extends React.Component {
@ -15,7 +16,7 @@ export class LandingPage extends React.Component {
const header = <h2>Workspace: {this.workspace.name}</h2>; const header = <h2>Workspace: {this.workspace.name}</h2>;
return ( return (
<PageLayout className="LandingPage" header={header} provideBackButtonNavigation={false}> <PageLayout className="LandingPage flex column gaps" header={header} provideBackButtonNavigation={false} contentGaps={false}>
<WorkspaceOverview workspace={this.workspace}/> <WorkspaceOverview workspace={this.workspace}/>
</PageLayout> </PageLayout>
); );