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

Fine-tuning PageLayout header

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-23 12:51:14 +03:00
parent 567bb465ff
commit e02f3426ea
3 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/+cluster-settings/cluster-settings.tsx
View File

@ -53,8 +53,8 @@ export class ClusterSettings extends React.Component<Props> {
if (!cluster) return null;
const header = (
<>
<ClusterIcon cluster={cluster} showErrors={false} showTooltip={false}/>
<h2>{cluster.preferences.clusterName}</h2>
<ClusterIcon cluster={cluster} showErrors={false} showTooltip={false} isActive />
<h1>{cluster.preferences.clusterName}</h1>
</>
);

2
src/renderer/components/+preferences/preferences.tsx
View File

@ -47,7 +47,7 @@ export class Preferences extends React.Component {
render() {
const { preferences } = userStore;
const header = <h2>Preferences</h2>;
const header = <h1>Preferences</h1>;
let defaultShell = process.env.SHELL || process.env.PTYSHELL;
if (!defaultShell) {

11
src/renderer/components/layout/page-layout.scss
View File

@ -53,6 +53,17 @@
height: var(--header-height);
grid-column-start: 1;
grid-column-end: 4;
.ClusterIcon {
--size: 32px;
margin-right: 15px;
margin-left: 4px;
}
h1 {
color: var(--textColorAccent);
font-size: 24px;
}
}
> .content-navigation {