Created the SettingsItem styles.sass

2023-11-17 06:42:46 +01:00 · 2023-11-17 06:42:46 +01:00 · 370425975e
commit 370425975e
parent 34bea237e3
1 changed files with 41 additions and 0 deletions
--- a/src/states/Manage/pages/ManageChannel/components/SettingsItem/styles.sass
+++ b/src/states/Manage/pages/ManageChannel/components/SettingsItem/styles.sass
@ -0,0 +1,41 @@
+@import "@/common/styles/colors"
+
+.manage-channel .settings-box
+  padding: 1rem 2rem
+  background-color: $darker
+  box-shadow: 0 0 15px 0 $darker
+  display: flex
+  justify-content: space-between
+  border-radius: 1rem
+  align-items: center
+  margin-top: 1rem
+  margin-bottom: 1rem
+
+  .setting-info
+    display: flex
+    flex-direction: column
+    gap: 0.5rem
+
+    h2, p
+      margin: 0
+      font-weight: 800
+    p
+      font-weight: 500
+      color: $gray
+
+  .settings-input
+    display: flex
+    align-items: center
+    gap: 1rem
+    svg
+      font-size: 1.6rem
+      color: $success
+
+  select
+    background-color: $darkest
+    color: $text
+    border: none
+    padding: 0.7rem 2rem
+    font-size: 1.3rem
+    font-weight: 600
+    border-radius: 0.7rem