Created the DesignItem styles.sass

2023-11-14 09:47:17 +01:00 · 2023-11-14 09:47:17 +01:00 · 21191d0b56
commit 21191d0b56
parent 1e162904fa
1 changed files with 37 additions and 0 deletions
--- a/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/components/DesignItem/styles.sass
@ -0,0 +1,37 @@
+.design-container .design-item
+  border-radius: 15px
+  border-left: 7px solid #4332F0
+  background: #242528
+  box-shadow: 0 0 35px 0 #2C2F33
+  padding: 1.2rem 2rem
+  display: flex
+  justify-content: space-between
+  gap: 7rem
+
+.design-item .design-title
+  display: flex
+  gap: 1rem
+
+  .required-coins
+    display: flex
+    align-items: center
+    gap: 0.5rem
+
+  .required-coins img
+    width: 2rem
+    height: 2rem
+
+  .required-coins p
+    font-size: 1.5rem
+    font-weight: 500
+
+.design-item .design-perk
+  display: flex
+  align-items: center
+  gap: 1rem
+
+  h2
+    margin: 0
+
+.design-item img
+  height: 10rem