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

Align cluster name on left

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-05-28 14:48:48 +03:00
parent 89c461a3bf
commit d6f5cca350
2 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/renderer/components/cluster-manager/cluster-manager.tsx
View File

@ -52,12 +52,7 @@ export class ClusterManager extends React.Component {
<div className="ClusterManager"> <div className="ClusterManager">
<main> <main>
{ isClusterVisible && ( { isClusterVisible && (
<TopBar label={( <TopBar label={cluster.name}>
<>
<Icon svg="kube"/>{" "}
{cluster.contextName}
</>)
}>
<div> <div>
<MaterialTooltip title="Back to Catalog" placement="left"> <MaterialTooltip title="Back to Catalog" placement="left">
<Icon style={{ cursor: "default" }} material="close" onClick={() => navigate(catalogURL())}/> <Icon style={{ cursor: "default" }} material="close" onClick={() => navigate(catalogURL())}/>

3
src/renderer/components/layout/topbar.module.css
View File

@ -8,10 +8,9 @@
} }
.title { .title {
@apply font-bold; @apply font-bold px-6;
color: var(--textColorAccent); color: var(--textColorAccent);
align-items: center; align-items: center;
justify-content: center;
display: flex; display: flex;
} }