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

Restyling Jump to bottom button

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-09-06 18:49:50 +03:00
parent b8f4fa14bf
commit 6ec761868b
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/components/dock/logs/to-bottom.module.scss Normal file
View File

@ -0,0 +1,8 @@
.ToBottom {
position: absolute;
top: 64px;
right: 16px;
border-radius: 4px;
padding: 4px 6px;
background-color: var(--colorInfo);
}

6
src/renderer/components/dock/logs/to-bottom.tsx
View File

@ -2,20 +2,20 @@
* Copyright (c) OpenLens Authors. All rights reserved. * Copyright (c) OpenLens Authors. All rights reserved.
* 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 styles from "./to-bottom.module.scss";
import React from "react"; import React from "react";
import { Icon } from "../../icon"; import { Icon } from "../../icon";
export function ToBottom({ onClick }: { onClick: () => void }) { export function ToBottom({ onClick }: { onClick: () => void }) {
return ( return (
<button <button
className="absolute top-3 right-3 z-10 rounded-md flex align-center px-1 py-1 pl-3" className={styles.ToBottom}
style={{ backgroundColor: "var(--blue)" }}
onClick={evt => { onClick={evt => {
evt.currentTarget.blur(); evt.currentTarget.blur();
onClick(); onClick();
}} }}
> >
To bottom
<Icon small material="expand_more" /> <Icon small material="expand_more" />
</button> </button>
); );