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

Adding win sandwitch icon

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-12-07 12:27:59 +03:00
parent fffb340289
commit 9a263b82e2
2 changed files with 24 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,8 +30,22 @@
grid-area: topbar; grid-area: topbar;
} }
:global(.is-mac) .topBar { .winMenu {
padding-left: var(--hotbar-width); width: var(--hotbar-width);
> div {
@apply flex items-center justify-center;
width: 40px;
height: 40px;
&:hover {
background-color: var(--borderFaintColor);
}
&:active {
background-color: var(--borderColor);
}
}
} }
.tools { .tools {

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

@ -105,12 +105,11 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
return ( return (
<div className={styles.topBar} {...rest}> <div className={styles.topBar} {...rest}>
<div className={styles.tools} onDoubleClick={windowSizeToggle}> <div className={styles.tools} onDoubleClick={windowSizeToggle}>
<Icon <div className={styles.winMenu}>
data-testid="menu-button" <div onClick={openContextMenu}>
material="menu" <svg width="12" height="12" viewBox="0 0 12 12"><path fill="currentColor" d="m1 10h10v1h-10z"/><path fill="currentColor" d="m1 5.5h10v1h-10z"/><path fill="currentColor" d="m1 1h10v1h-10z"/></svg>
className="ml-4" </div>
onClick={openContextMenu} </div>
/>
<Icon <Icon
data-testid="home-button" data-testid="home-button"
material="home" material="home"
@ -138,12 +137,12 @@ export const TopBar = observer(({ children, ...rest }: Props) => {
{children} {children}
<div className={styles.winButtons}> <div className={styles.winButtons}>
<div className={styles.minimize}> <div className={styles.minimize}>
<svg aria-hidden="false" width="12" height="12" viewBox="0 0 12 12"><rect fill="currentColor" width="10" height="1" x="1" y="6"></rect></svg></div> <svg width="12" height="12" viewBox="0 0 12 12"><rect fill="currentColor" width="10" height="1" x="1" y="6"></rect></svg></div>
<div className={styles.maximize}> <div className={styles.maximize}>
<svg aria-hidden="false" width="12" height="12" viewBox="0 0 12 12"><rect width="9" height="9" x="1.5" y="1.5" fill="none" stroke="currentColor"></rect></svg> <svg width="12" height="12" viewBox="0 0 12 12"><rect width="9" height="9" x="1.5" y="1.5" fill="none" stroke="currentColor"></rect></svg>
</div> </div>
<div className={styles.close}> <div className={styles.close}>
<svg aria-hidden="false" width="12" height="12" viewBox="0 0 12 12"><polygon fill="currentColor" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"></polygon></svg> <svg width="12" height="12" viewBox="0 0 12 12"><polygon fill="currentColor" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"></polygon></svg>
</div> </div>
</div> </div>
</div> </div>