3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-04 14:41:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Adds new components styles

Browse source
This commit is contained in:
elhombretecla 2023-08-09 11:31:50 +02:00
parent bc14f59153
commit 8b9781f345
2 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/main/ui/workspace/sidebar/assets/components.scss
View file

@ -10,7 +10,7 @@
.drop-space { .drop-space {
height: $s-12; height: $s-12;
border-radius: $br-8; border-radius: $br-8;
background-color: var(--assets-item-background-color); background-color: var(--color-foreground-secondary);
} }
.asset-grid { .asset-grid {
display: grid; display: grid;
@ -24,7 +24,7 @@
padding: $s-8; padding: $s-8;
border: $s-2 solid transparent; border: $s-2 solid transparent;
border-radius: $br-8; border-radius: $br-8;
background-color: var(--assets-item-background-color); background-color: var(--color-foreground-secondary);
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
img { img {
@ -126,11 +126,12 @@
svg, svg,
img { img {
@include flexCenter; @include flexCenter;
flex-shrink: 0;
padding: $s-2; padding: $s-2;
height: $s-32; height: $s-32;
width: $s-32; width: $s-32;
border-radius: $br-6; border-radius: $br-6;
background-color: var(--assets-item-background-color); background-color: var(--color-foreground-secondary);
} }
.item-name { .item-name {

4
frontend/src/app/main/ui/workspace/sidebar/assets/graphics.scss
View file

@ -10,7 +10,7 @@
.drop-space { .drop-space {
height: $s-12; height: $s-12;
border-radius: $br-8; border-radius: $br-8;
background-color: var(--assets-item-background-color); background-color: var(--color-foreground-secondary);
} }
.asset-grid { .asset-grid {
display: grid; display: grid;
@ -24,7 +24,7 @@
border: $s-2 solid transparent; border: $s-2 solid transparent;
border-radius: $br-8; border-radius: $br-8;
aspect-ratio: 1/1; aspect-ratio: 1/1;
background-color: var(--assets-item-background-color); background-color: var(--color-foreground-secondary);
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
img { img {