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

Using material icons for history buttons

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-08-31 12:07:16 +03:00
parent ccb79cdf95
commit 2a3fbb1880
3 changed files with 3 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/icon/flat_arrow.svg
View File

@ -1,6 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
<path d="M21.6,12l-5.9-5.9v4.8H2.4v2.2h13.2v4.8L21.6,12z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 412 B

5
src/renderer/components/layout/topbar.module.css
View File

@ -34,11 +34,6 @@
@apply flex items-center;
}
.prevArrow {
@apply ml-5;
transform: rotate(180deg);
}
.controls {
align-self: flex-end;
padding-right: 1.5rem;

6
src/renderer/components/layout/topbar.tsx
View File

@ -87,14 +87,14 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
<div className={styles.history}>
<Icon
data-testid="history-back"
svg="flat_arrow"
className={styles.prevArrow}
material="arrow_back"
className="ml-5"
onClick={goBack}
disabled={!prevEnabled.get()}
/>
<Icon
data-testid="history-forward"
svg="flat_arrow"
material="arrow_forward"
className="ml-5"
onClick={goForward}
disabled={!nextEnabled.get()}