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

Tweak more UI of preferences

Signed-off-by: Janne Savolainen <janne.savolainen@live.fi>
This commit is contained in:
Janne Savolainen 2022-10-14 08:21:47 +03:00
parent f2de81cf81
commit ce1adc0695
No known key found for this signature in database
GPG Key ID: 8C6CFB2FFFE8F68A
14 changed files with 44 additions and 96 deletions

View File

@ -332,9 +332,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -369,9 +367,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -933,9 +929,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -970,9 +964,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -1545,9 +1537,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -1582,9 +1572,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -2268,9 +2256,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -2305,9 +2291,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -2888,9 +2872,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -2925,9 +2907,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -3611,9 +3591,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -3648,9 +3626,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -4516,9 +4492,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -4553,9 +4527,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -5239,9 +5211,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -5276,9 +5246,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -6144,9 +6112,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -6181,9 +6147,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -6868,9 +6832,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -6905,9 +6867,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -7488,9 +7448,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -7525,9 +7483,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>
@ -8097,9 +8053,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</section>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="kube-sync"
>
@ -8134,9 +8088,7 @@ exports[`add custom helm repository in preferences when navigating to preference
</div>
</div>
</section>
<hr
class="horizontalLine"
/>
<hr />
<section
id="helm"
>

View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { ApplicationPreferencePage } from "./application-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
import React from "react";
const applicationPreferencePageInjectable = getInjectable({
id: "application-preference-page",
@ -16,7 +16,7 @@ const applicationPreferencePageInjectable = getInjectable({
parentId: "application-tab",
orderNumber: 0,
Component: ApplicationPreferencePage,
childrenSeparator: HorizontalLine,
childrenSeparator: () => <hr />,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -5,7 +5,6 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { EditorPreferencePage } from "./editor-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
const editorPreferencePageInjectable = getInjectable({
id: "editor-preference-page",
@ -16,7 +15,6 @@ const editorPreferencePageInjectable = getInjectable({
parentId: "editor-tab",
orderNumber: 0,
Component: EditorPreferencePage,
childrenSeparator: HorizontalLine,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { KubernetesPage } from "./kubernetes-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
import React from "react";
const kubernetesPreferencePageInjectable = getInjectable({
id: "kubernetes-preference-page",
@ -16,7 +16,7 @@ const kubernetesPreferencePageInjectable = getInjectable({
parentId: "kubernetes-tab",
orderNumber: 0,
Component: KubernetesPage,
childrenSeparator: HorizontalLine,
childrenSeparator: () => <hr />,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -15,7 +15,7 @@ interface Dependencies {
}
const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependencies) => (
<div>
<section className="small">
<SubTitle title="Certificate Trust" />
<Switch
checked={userStore.allowUntrustedCAs}
@ -30,7 +30,7 @@ const NonInjectedAllowUntrustedCertificates = observer(({ userStore }: Dependenc
validations. Needed with some corporate proxies that do certificate
re-writing. Does not affect cluster communications!
</small>
</div>
</section>
));
export const AllowUntrustedCertificates = withInjectables<Dependencies>(

View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { ProxyPreferencePage } from "./proxy-preference-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
import React from "react";
const proxyPreferencePageInjectable = getInjectable({
id: "proxy-preference-page",
@ -16,7 +16,7 @@ const proxyPreferencePageInjectable = getInjectable({
parentId: "proxy-tab",
orderNumber: 0,
Component: ProxyPreferencePage,
childrenSeparator: HorizontalLine,
childrenSeparator: () => <hr className="small" />,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -5,7 +5,7 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { TelemetryPage } from "./telemetry-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
import React from "react";
const telemetryPreferencePageInjectable = getInjectable({
id: "telemetry-preference-page",
@ -16,7 +16,7 @@ const telemetryPreferencePageInjectable = getInjectable({
parentId: "telemetry-tab",
orderNumber: 0,
Component: TelemetryPage,
childrenSeparator: HorizontalLine,
childrenSeparator: () => <hr className="small" />,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -18,7 +18,7 @@ const NonInjectedCopyPasteFromTerminal = observer(
({ userStore }: Dependencies) => {
return (
<div>
<section id="terminalSelection">
<SubTitle title="Terminal copy & paste" />
<Switch
checked={userStore.terminalCopyOnSelect}
@ -26,7 +26,7 @@ const NonInjectedCopyPasteFromTerminal = observer(
>
Copy on select and paste on right-click
</Switch>
</div>
</section>
);
},
);

View File

@ -13,7 +13,7 @@ const terminalFontFamilyPreferenceItemInjectable = getInjectable({
kind: "item" as const,
id: "terminal-font-family-preference-item",
parentId: "terminal-page",
orderNumber: 40,
orderNumber: 50,
Component: TerminalFontFamily,
}),

View File

@ -13,7 +13,7 @@ const terminalFontSizePreferenceItemInjectable = getInjectable({
kind: "item" as const,
id: "terminal-font-size-preference-item",
parentId: "terminal-page",
orderNumber: 30,
orderNumber: 40,
Component: TerminalFontSize,
}),

View File

@ -18,7 +18,7 @@ const NonInjectedTerminalFontSize = observer(
({ userStore }: Dependencies) => {
return (
<div>
<section>
<SubTitle title="Font size" />
<Input
theme="round-black"
@ -28,7 +28,7 @@ const NonInjectedTerminalFontSize = observer(
defaultValue={userStore.terminalConfig.fontSize.toString()}
onChange={(value) => userStore.terminalConfig.fontSize = Number(value)}
/>
</div>
</section>
);
},
);

View File

@ -5,7 +5,6 @@
import { getInjectable } from "@ogre-tools/injectable";
import { preferenceItemInjectionToken } from "../preference-item-injection-token";
import { TerminalPage } from "./terminal-page";
import { HorizontalLine } from "../../../../../renderer/components/+preferences/horizontal-line/horizontal-line";
const terminalPagePreferenceItemInjectable = getInjectable({
id: "terminal-preference-page",
@ -16,7 +15,6 @@ const terminalPagePreferenceItemInjectable = getInjectable({
parentId: "terminal-tab",
orderNumber: 0,
Component: TerminalPage,
childrenSeparator: HorizontalLine,
}),
injectionToken: preferenceItemInjectionToken,

View File

@ -20,7 +20,7 @@ const NonInjectedTerminalShellPath = observer(
({ userStore, defaultShell }: Dependencies) => {
return (
<div>
<section id="shell">
<SubTitle title="Terminal Shell Path" />
<Input
theme="round-black"
@ -28,7 +28,7 @@ const NonInjectedTerminalShellPath = observer(
value={userStore.shell ?? ""}
onChange={(value) => userStore.shell = value}
/>
</div>
</section>
);
},

View File

@ -32,7 +32,7 @@ const NonInjectedTerminalTheme = observer(
];
return (
<div>
<section id="terminalTheme">
<SubTitle title="Terminal theme" />
<Select
id="terminal-theme-input"
@ -41,7 +41,7 @@ const NonInjectedTerminalTheme = observer(
value={userStore.terminalTheme}
onChange={option => userStore.terminalTheme = option?.value ?? ""}
/>
</div>
</section>
);
},
);