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

Styling Kubernetes page

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-22 11:12:54 +03:00
parent 4c1067b1e8
commit 83841aae90
5 changed files with 9 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/+preferences/kubeconfig-syncs.tsx
View File

@ -143,7 +143,7 @@ export class KubeconfigSyncs extends React.Component {
if (!entries) { if (!entries) {
return ( return (
<div className="loading-spinner"> <div className="m-auto">
<Spinner /> <Spinner />
</div> </div>
); );

8
src/renderer/components/+preferences/kubectl-binaries.tsx
View File

@ -46,7 +46,7 @@ export const KubectlBinaries = observer(() => {
return ( return (
<> <>
<section> <section className="mb-12">
<SubTitle title="Kubectl binary download"/> <SubTitle title="Kubectl binary download"/>
<FormSwitch <FormSwitch
control={ control={
@ -60,7 +60,7 @@ export const KubectlBinaries = observer(() => {
/> />
</section> </section>
<section> <section className="mb-12">
<SubTitle title="Download mirror" /> <SubTitle title="Download mirror" />
<Select <Select
placeholder="Download mirror for kubectl" placeholder="Download mirror for kubectl"
@ -73,7 +73,7 @@ export const KubectlBinaries = observer(() => {
/> />
</section> </section>
<section> <section className="mb-12">
<SubTitle title="Directory for binaries" /> <SubTitle title="Directory for binaries" />
<Input <Input
theme="round-black" theme="round-black"
@ -84,7 +84,7 @@ export const KubectlBinaries = observer(() => {
onBlur={save} onBlur={save}
disabled={!userStore.downloadKubectlBinaries} disabled={!userStore.downloadKubectlBinaries}
/> />
<div className="hint"> <div className="pt-4">
The directory to download binaries into. The directory to download binaries into.
</div> </div>
</section> </section>

8
src/renderer/components/+preferences/kubernetes.tsx
View File

@ -28,16 +28,16 @@ import { KubectlBinaries } from "./kubectl-binaries";
export const Kubernetes = observer(() => { export const Kubernetes = observer(() => {
return ( return (
<section id="kubernetes"> <section id="kubernetes">
<section id="kubectl"> <section id="kubectl" className="mb-12">
<h2 data-testid="kubernetes-header">Kubernetes</h2> <h2 data-testid="kubernetes-header">Kubernetes</h2>
<KubectlBinaries /> <KubectlBinaries />
</section> </section>
<hr/> <hr className="mb-12"/>
<section id="kube-sync"> <section id="kube-sync" className="mb-12">
<h2 data-testid="kubernetes-sync-header">Kubeconfig Syncs</h2> <h2 data-testid="kubernetes-sync-header">Kubeconfig Syncs</h2>
<KubeconfigSyncs /> <KubeconfigSyncs />
</section> </section>
<hr/> <hr className="mb-12"/>
<section id="helm"> <section id="helm">
<h2>Helm Charts</h2> <h2>Helm Charts</h2>
<HelmCharts/> <HelmCharts/>

26
src/renderer/components/+preferences/preferences.scss
View File

@ -1,26 +0,0 @@
/**
* Copyright (c) 2021 OpenLens Authors
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of
* this software and associated documentation files (the "Software"), to deal in
* the Software without restriction, including without limitation the rights to
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
* the Software, and to permit persons to whom the Software is furnished to do so,
* subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.Preferences {
.loading-spinner {
margin: auto;
}
}

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

@ -18,7 +18,6 @@
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
import "./preferences.scss";
import tabStyles from "../layout/settings-layout.module.css"; import tabStyles from "../layout/settings-layout.module.css";
import { makeObservable, observable } from "mobx"; import { makeObservable, observable } from "mobx";