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 icons smaller

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2023-02-03 11:35:21 +03:00
parent becc6586a9
commit 894395e582
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/core/src/renderer/components/layout/sidebar-item.tsx
View File

@ -105,6 +105,7 @@ class NonInjectedSidebarItem extends React.Component<
{this.isExpandable && ( {this.isExpandable && (
<Icon <Icon
className={styles.expandIcon} className={styles.expandIcon}
small
material={ material={
this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down" this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
} }

4
packages/core/src/renderer/components/layout/sidebar-items.module.scss
View File

@ -7,9 +7,9 @@
> .navItem { > .navItem {
display: flex; display: flex;
gap: 6px; gap: 8px;
text-decoration: none; text-decoration: none;
padding: 6px 8px 6px 8px; padding: 4px 8px 4px 8px;
cursor: pointer; cursor: pointer;
&:global(.active), &:hover { &:global(.active), &:hover {

1
packages/core/src/renderer/components/layout/sidebar.module.scss
View File

@ -32,6 +32,7 @@
} }
.sidebarNav :global(.Icon) { .sidebarNav :global(.Icon) {
--size: 18px;
box-sizing: content-box; box-sizing: content-box;
border-radius: 50%; border-radius: 50%;
} }