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

Use css modules for the Controls component

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-08-12 10:06:30 +03:00
parent 3eb129efcb
commit 5090c323fb
4 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/dock/logs/__test__/__snapshots__/download-logs.test.tsx.snap
View File

@ -784,11 +784,9 @@ exports[`download logs options in pod logs dock tab when opening pod logs render
</div> </div>
</div> </div>
<div <div
class="LogControls flex gaps align-center justify-space-between wrap" class="controls"
> >
<div <div>
class="time-range"
>
<span> <span>
Logs from Logs from

11
src/renderer/components/dock/logs/controls.module.scss Normal file
View File

@ -0,0 +1,11 @@
.controls {
@include hidden-scrollbar;
display: flex;
gap: var(--padding);
align-items: center;
justify-content: space-between;
flex-flow: row wrap;
background: var(--dockInfoBackground);
padding: var(--padding) calc(var(--padding) * 2);
}

11
src/renderer/components/dock/logs/controls.scss
View File

@ -1,11 +0,0 @@
/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.LogControls {
@include hidden-scrollbar;
background: var(--dockInfoBackground);
padding: $padding $padding * 2;
}

7
src/renderer/components/dock/logs/controls.tsx
View File

@ -3,12 +3,11 @@
* Licensed under MIT License. See LICENSE in root directory for more information. * Licensed under MIT License. See LICENSE in root directory for more information.
*/ */
import "./controls.scss"; import styles from "./controls.module.scss";
import React from "react"; import React from "react";
import { observer } from "mobx-react"; import { observer } from "mobx-react";
import { cssNames } from "../../../utils";
import { Checkbox } from "../../checkbox"; import { Checkbox } from "../../checkbox";
import type { LogTabViewModel } from "./logs-view-model"; import type { LogTabViewModel } from "./logs-view-model";
import { withInjectables } from "@ogre-tools/injectable-react"; import { withInjectables } from "@ogre-tools/injectable-react";
@ -72,8 +71,8 @@ const NonInjectedLogControls = observer(({ openSaveFileDialog, model, callForLog
}; };
return ( return (
<div className={cssNames("LogControls flex gaps align-center justify-space-between wrap")}> <div className={styles.controls}>
<div className="time-range"> <div>
{since && ( {since && (
<span> <span>
Logs from Logs from