💄 Make small visual changes on assets tab

This commit is contained in:
Eva 2023-07-06 09:47:30 +02:00 committed by Alonso Torres
parent 43dfdbb374
commit 1ff08bfe6a
59 changed files with 342 additions and 158 deletions

View file

@ -163,3 +163,27 @@
color: var(--assets-item-name-foreground-color-hover);
}
}
.new-scrollbar {
::-webkit-scrollbar {
background-color: transparent;
cursor: pointer;
height: $s-12;
width: $s-12;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(170, 181, 186, 0.3);
background-clip: content-box;
border: $s-2 solid transparent;
border-radius: $br-8;
&:hover {
background-color: rgba(170, 181, 186, 0.7);
outline: none;
}
}
}

View file

@ -160,4 +160,7 @@
--library-content-foreground-color: var(--color-foreground-secondary);
--dropdown-background-color: var(--color-background-tertiary);
--not-found-background-color: var(--color-background-tertiary);
--not-found-foreground-color: var(--color-foreground-secondary);
}

View file

@ -44,8 +44,15 @@ $s-216: calc(var(--s-4) * 54);
$s-240: calc(var(--s-4) * 60);
$s-248: calc(var(--s-4) * 62);
$s-256: calc(var(--s-4) * 64);
$s-272: calc(var(--s-4) * 68);
$s-280: calc(var(--s-4) * 70);
$s-300: calc(var(--s-4) * 75);
$s-320: calc(var(--s-4) * 80);
$s-348: calc(var(--s-4) * 87);
$s-380: calc(var(--s-4) * 95);
$s-400: calc(var(--s-4) * 100);
$s-480: calc(var(--s-4) * 120);
$s-520: calc(var(--s-4) * 130);
$s-664: calc(var(--s-4) * 166);
$s-712: calc(var(--s-4) * 178);
$s-736: calc(var(--s-4) * 184);