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

Adjust usage of rem units

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-06-15 14:27:12 +03:00
parent e201d3d6c1
commit 6765e10ffc
5 changed files with 13 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/components/+preferences/removable-item.module.scss
View File

@ -1,5 +1,5 @@
.item { .item {
--flex-gap: 1.2rem; --flex-gap: 0.5rem;
background: var(--inputControlBackground); background: var(--inputControlBackground);
min-height: 65px; min-height: 65px;

2
src/renderer/components/dock/dock-tab.module.scss
View File

@ -94,5 +94,5 @@
.title { .title {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 2.5rem; margin-right: calc(var(--margin) * 3);
} }

7
src/renderer/components/layout/sidebar-cluster.module.scss
View File

@ -6,7 +6,7 @@
.SidebarCluster { .SidebarCluster {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 1.25rem; padding: calc(var(--padding) * 1.2);
cursor: pointer; cursor: pointer;
&:hover { &:hover {
@ -38,13 +38,12 @@
.menu { .menu {
width: 200px; width: 200px;
margin-top: -1.25rem; margin-top: -10px;
margin-left: 1.25rem;
} }
.avatar { .avatar {
font-weight: 500; font-weight: 500;
margin-right: 1.25rem; margin-right: calc(var(--margin) * 1.5);
} }
.loadingAvatar { .loadingAvatar {

12
src/renderer/components/layout/top-bar/top-bar.module.scss
View File

@ -24,18 +24,18 @@
-webkit-app-region: no-drag; -webkit-app-region: no-drag;
&:first-of-type { &:first-of-type {
padding-left: 1.5rem; padding-left: calc(var(--padding) * 2);
& > *:not(:empty) { & > *:not(:empty) {
margin-right: 1rem; margin-right: calc(var(--padding) * 1.5);
} }
} }
&:last-of-type { &:last-of-type {
padding-right: 1.5rem; padding-right: calc(var(--padding) * 2);
& > *:not(:empty) { & > *:not(:empty) {
margin-left: 1rem; margin-left: calc(var(--padding) * 1.5);
} }
} }
} }
@ -64,7 +64,7 @@
.windowButtons { .windowButtons {
display: flex; display: flex;
margin-right: -1.5rem; margin-right: calc(var(--padding) * -2);
> div { > div {
@apply flex items-center justify-center; @apply flex items-center justify-center;
@ -82,7 +82,7 @@
width: 16px; width: 16px;
height: 16px; height: 16px;
border-radius: 50%; border-radius: 50%;
margin-right: 1.1rem; margin-right: calc(var(--padding) * -1.5);
color: var(--textColorAccent); color: var(--textColorAccent);
svg { svg {

4
src/renderer/components/switch/switch.module.scss
View File

@ -6,7 +6,7 @@
@import "../../components/mixins.scss"; @import "../../components/mixins.scss";
.Switch { .Switch {
--thumb-size: 2rem; --thumb-size: 20px;
--thumb-color: hsl(0 0% 100%); --thumb-color: hsl(0 0% 100%);
--thumb-color-highlight: hsl(0 0% 100% / 25%); --thumb-color-highlight: hsl(0 0% 100% / 25%);
@ -66,7 +66,7 @@
} }
&:not(:disabled):hover::before { &:not(:disabled):hover::before {
--hover-highlight-size: .5rem; --hover-highlight-size: .3rem;
} }
&:checked { &:checked {