From e35afc647065dc7538a9109012a7a4e6aca22f4a Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 17 Nov 2023 06:41:10 +0100
Subject: [PATCH] Updated the DesignItem styles.sass

---
 .../components/DesignItem/styles.sass         | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
index e5b2a2e..f5f536a 100644
--- a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
@@ -1,21 +1,34 @@
+@import "@/common/styles/colors"
+
 .design-container .design-item
   border-radius: 15px
-  border-left: 7px solid #4332F0
-  background: #242528
+  background: $darker
   box-shadow: 0 0 35px 0 #2C2F33
   padding: 1.2rem 2rem
   display: flex
   justify-content: space-between
   gap: 7rem
+  cursor: pointer
+  user-select: none
 
-.design-item .design-title
+.design-inactive
+  border-left: 7px solid $gray
+
+.design-active
+    border-left: 7px solid $primary
+
+.design-title
   display: flex
   gap: 1rem
+  align-items: center
 
   .required-coins
     display: flex
     align-items: center
     gap: 0.5rem
+    padding: 0.5rem 0.8rem
+    background-color: $darkest
+    border-radius: 1rem
 
   .required-coins img
     width: 2rem
@@ -24,14 +37,24 @@
   .required-coins p
     font-size: 1.5rem
     font-weight: 500
+    margin: 0
+
+.design-item .design-perks
+  display: flex
+  flex-direction: column
+  gap: 0.5rem
 
 .design-item .design-perk
   display: flex
   align-items: center
   gap: 1rem
 
+  svg
+    font-size: 1.6rem
+
   h2
     margin: 0
+    font-size: 1.5rem
 
 .design-item img
   height: 10rem
\ No newline at end of file