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

Returning legacy styles

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-22 13:00:26 +03:00
parent 5c8e443334
commit 40d296eb01
3 changed files with 28 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/renderer/components/+entity-settings/entity-settings.tsx
View File

@ -20,6 +20,7 @@
*/ */
import styles from "./entity-settings.module.css"; import styles from "./entity-settings.module.css";
import tabStyles from "../layout/settings-layout.module.css";
import React from "react"; import React from "react";
import { observable, makeObservable } from "mobx"; import { observable, makeObservable } from "mobx";
@ -35,6 +36,7 @@ import { groupBy } from "lodash";
import { SettingLayout } from "../layout/setting-layout"; import { SettingLayout } from "../layout/setting-layout";
import { HotbarIcon } from "../hotbar/hotbar-icon"; import { HotbarIcon } from "../hotbar/hotbar-icon";
import logger from "../../../common/logger"; import logger from "../../../common/logger";
import { cssNames } from "../../utils";
interface Props extends RouteComponentProps<EntitySettingsRouteParams> { interface Props extends RouteComponentProps<EntitySettingsRouteParams> {
} }
@ -106,11 +108,11 @@ export class EntitySettings extends React.Component<Props> {
{this.entity.metadata.name} {this.entity.metadata.name}
</div> </div>
</div> </div>
<Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}> <Tabs className={cssNames(tabStyles.Tabs, "flex column")} scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
{ groups.map((group, groupIndex) => ( { groups.map((group, groupIndex) => (
<React.Fragment key={`group-${groupIndex}`}> <React.Fragment key={`group-${groupIndex}`}>
<hr/> <hr/>
<div className="header">{group[0]}</div> <div className={tabStyles.header}>{group[0]}</div>
{ group[1].map((setting, index) => ( { group[1].map((setting, index) => (
<Tab <Tab
key={index} key={index}
@ -137,9 +139,7 @@ export class EntitySettings extends React.Component<Props> {
return ( return (
<SettingLayout <SettingLayout navigation={this.renderNavigation()}>
navigation={this.renderNavigation()}
>
{ {
activeSetting && ( activeSetting && (
<section> <section>

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

@ -88,10 +88,7 @@ export class Preferences extends React.Component {
render() { render() {
return ( return (
<SettingLayout <SettingLayout navigation={this.renderNavigation()}>
navigation={this.renderNavigation()}
className="Preferences"
>
<Switch> <Switch>
<Route path={appURL()} component={Application}/> <Route path={appURL()} component={Application}/>
<Route path={proxyURL()} component={LensProxy}/> <Route path={proxyURL()} component={LensProxy}/>

24
src/renderer/components/layout/settings-layout.module.css
View File

@ -38,6 +38,14 @@
} }
section { section {
&:not(:first-of-type) {
margin-top: 40px;
&:global(.small) {
margin-top: 20px;
}
}
h2 { h2 {
font-size: 20px; font-size: 20px;
line-height: 20px; line-height: 20px;
@ -51,10 +59,22 @@
} }
hr { hr {
margin-top: 40px;
height: 1px; height: 1px;
border-top: thin solid var(--hrColor); border-top: thin solid var(--hrColor);
&:global(.small) {
margin-top: 20px;
}
} }
} }
:global(.hint) {
margin-top: 8px;
font-size: 14px;
line-height: 20px;
display: block;
}
} }
.sidebarRegion { .sidebarRegion {
@ -173,8 +193,8 @@
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
&::after { &:global::after {
content: none; content: none!important;
} }
&:hover { &:hover {