mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Cleaning settings page view (#3156)
* Making inputs consistent Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fixing hover effect in inputs Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Adding separators to sidebar menu Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fine-tuning general section Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Fine-tuning hidden metrics area Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * EntityIcon in Settings sidebar Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Moving cluster icon settings on top Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com> * Shrink Apply button a big Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
1 parent
1cc5607987
commit
7739b387cb
18 files changed
+159
-100
No files matched your search
@@ -33,6 +33,7 @@ import { EntitySettingRegistry } from "../../../extensions/registries";
|
||||
import type { EntitySettingsRouteParams } from "../../../common/routes";
|
||||
import { groupBy } from "lodash";
|
||||
import { SettingLayout } from "../layout/setting-layout";
|
||||
import { HotbarIcon } from "../hotbar/hotbar-icon";
|
||||
|
||||
interface Props extends RouteComponentProps<EntitySettingsRouteParams> {
|
||||
}
|
||||
@@ -83,10 +84,19 @@ export class EntitySettings extends React.Component<Props> {
|
||||
|
||||
return (
|
||||
<>
|
||||
<h2>{this.entity.metadata.name}</h2>
|
||||
<div className="flex items-center pb-8">
|
||||
<HotbarIcon
|
||||
uid={this.entity.metadata.uid}
|
||||
title={this.entity.metadata.name}
|
||||
source={this.entity.metadata.source}
|
||||
src={this.entity.spec.icon?.src}
|
||||
/>
|
||||
<h2>{this.entity.metadata.name}</h2>
|
||||
</div>
|
||||
<Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
|
||||
{ groups.map((group, groupIndex) => (
|
||||
<React.Fragment key={`group-${groupIndex}`}>
|
||||
<hr/>
|
||||
<div className="header">{group[0]}</div>
|
||||
{ group[1].map((setting, index) => (
|
||||
<Tab
|
||||
|
||||
Reference in new issue
Block a user