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

Making avatar a bit more rounded

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-11-30 10:19:54 +03:00
parent ab31bce72d
commit 6ccb26abe5
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/avatar/avatar.module.css
View File

@ -42,7 +42,7 @@
} }
.rounded { .rounded {
border-radius: var(--border-radius); border-radius: 4px;
} }
.disabled { .disabled {

6
src/renderer/components/hotbar/hotbar-icon.module.css
View File

@ -26,7 +26,7 @@
display: flex; display: flex;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
border-radius: var(--border-radius); border-radius: 6px;
transition: box-shadow 0.1s ease-in-out; transition: box-shadow 0.1s ease-in-out;
&:not(.active):hover { &:not(.active):hover {
@ -38,6 +38,10 @@
cursor: context-menu; cursor: context-menu;
} }
.avatar {
border-radius: 6px;
}
.active { .active {
box-shadow: var(--iconActiveShadow); box-shadow: var(--iconActiveShadow);
} }

2
src/renderer/components/hotbar/hotbar-icon.tsx
View File

@ -77,7 +77,7 @@ export const HotbarIcon = observer(({ menuItems = [], size = 40, tooltip, ...pro
id={id} id={id}
title={title} title={title}
colorHash={`${title}-${source}`} colorHash={`${title}-${source}`}
className={cssNames({ [styles.active]: active })} className={cssNames(styles.avatar, { [styles.active]: active })}
disabled={disabled} disabled={disabled}
size={size} size={size}
src={src} src={src}