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
class="LogControls flex gaps align-center justify-space-between wrap"
class="controls"
>
<div
class="time-range"
>
<div>
<span>
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.
*/
import "./controls.scss";
import styles from "./controls.module.scss";
import React from "react";
import { observer } from "mobx-react";
import { cssNames } from "../../../utils";
import { Checkbox } from "../../checkbox";
import type { LogTabViewModel } from "./logs-view-model";
import { withInjectables } from "@ogre-tools/injectable-react";
@ -72,8 +71,8 @@ const NonInjectedLogControls = observer(({ openSaveFileDialog, model, callForLog
};
return (
<div className={cssNames("LogControls flex gaps align-center justify-space-between wrap")}>
<div className="time-range">
<div className={styles.controls}>
<div>
{since && (
<span>
Logs from