From 8b9781f3457e3bb8c260304c87b0d00af35a7dc9 Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Wed, 9 Aug 2023 11:31:50 +0200
Subject: [PATCH] :lipstick: Adds new components styles

---
 .../app/main/ui/workspace/sidebar/assets/components.scss   | 7 ++++---
 .../src/app/main/ui/workspace/sidebar/assets/graphics.scss | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss
index a185ff063..c816f3471 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets/components.scss
@@ -10,7 +10,7 @@
   .drop-space {
     height: $s-12;
     border-radius: $br-8;
-    background-color: var(--assets-item-background-color);
+    background-color: var(--color-foreground-secondary);
   }
   .asset-grid {
     display: grid;
@@ -24,7 +24,7 @@
       padding: $s-8;
       border: $s-2 solid transparent;
       border-radius: $br-8;
-      background-color: var(--assets-item-background-color);
+      background-color: var(--color-foreground-secondary);
       overflow: hidden;
       cursor: pointer;
       img {
@@ -126,11 +126,12 @@
       svg,
       img {
         @include flexCenter;
+        flex-shrink: 0;
         padding: $s-2;
         height: $s-32;
         width: $s-32;
         border-radius: $br-6;
-        background-color: var(--assets-item-background-color);
+        background-color: var(--color-foreground-secondary);
       }
 
       .item-name {
diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/graphics.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/graphics.scss
index 1f200316c..4640ced8c 100644
--- a/frontend/src/app/main/ui/workspace/sidebar/assets/graphics.scss
+++ b/frontend/src/app/main/ui/workspace/sidebar/assets/graphics.scss
@@ -10,7 +10,7 @@
   .drop-space {
     height: $s-12;
     border-radius: $br-8;
-    background-color: var(--assets-item-background-color);
+    background-color: var(--color-foreground-secondary);
   }
   .asset-grid {
     display: grid;
@@ -24,7 +24,7 @@
       border: $s-2 solid transparent;
       border-radius: $br-8;
       aspect-ratio: 1/1;
-      background-color: var(--assets-item-background-color);
+      background-color: var(--color-foreground-secondary);
       overflow: hidden;
       cursor: pointer;
       img {