1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

Putting name & workspace in one line

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-03-23 12:42:17 +03:00
parent b413b61e07
commit 567bb465ff
3 changed files with 8 additions and 6 deletions

View File

@ -32,7 +32,7 @@ export class ClusterNameSetting extends React.Component<Props> {
render() { render() {
return ( return (
<> <div className="box grow">
<SubTitle title="Name" /> <SubTitle title="Name" />
<Input <Input
theme="round-black" theme="round-black"
@ -41,7 +41,7 @@ export class ClusterNameSetting extends React.Component<Props> {
onChange={this.onChange} onChange={this.onChange}
onBlur={this.save} onBlur={this.save}
/> />
</> </div>
); );
} }
} }

View File

@ -13,7 +13,7 @@ interface Props {
export class ClusterWorkspaceSetting extends React.Component<Props> { export class ClusterWorkspaceSetting extends React.Component<Props> {
render() { render() {
return ( return (
<> <div className="box grow">
<SubTitle title="Workspace"/> <SubTitle title="Workspace"/>
<Select <Select
value={this.props.cluster.workspace} value={this.props.cluster.workspace}
@ -22,7 +22,7 @@ export class ClusterWorkspaceSetting extends React.Component<Props> {
({value: w.id, label: w.name}) ({value: w.id, label: w.name})
)} )}
/> />
</> </div>
); );
} }
} }

View File

@ -21,8 +21,10 @@ export class General extends React.Component<Props> {
</section> </section>
<section id="cluster"> <section id="cluster">
<h2>Cluster</h2> <h2>Cluster</h2>
<ClusterNameSetting cluster={this.props.cluster} /> <div className="flex gaps">
<ClusterWorkspaceSetting cluster={this.props.cluster} /> <ClusterNameSetting cluster={this.props.cluster} />
<ClusterWorkspaceSetting cluster={this.props.cluster} />
</div>
<ClusterIconSetting cluster={this.props.cluster} /> <ClusterIconSetting cluster={this.props.cluster} />
</section> </section>
<section id="proxy"> <section id="proxy">