Add RoomSettings comp

Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-22 20:18:32 +05:30
parent 8eda0aeab3
commit 5777c1ab27
20 changed files with 306 additions and 25 deletions
--- a/src/app/organisms/room/RoomSettings.scss
+++ b/src/app/organisms/room/RoomSettings.scss
@@ -0,0 +1,39 @@
+@use '../../partials/dir';
+
+.room-settings {
+  height: 100%;
+
+  &__content {
+    padding-bottom: calc(2 * var(--sp-extra-loose));
+    position: relative;
+
+    & .room-profile {
+      margin: var(--sp-extra-loose);
+    }
+  }
+  
+  & .tabs {
+    position: sticky;
+    top: 0;
+    width: 100%;
+    background-color: var(--bg-surface-low);
+    box-shadow: 0 -4px 0 var(--bg-surface-low),
+      inset 0 -1px 0 var(--bg-surface-border);
+
+    &__content {
+      padding: 0 var(--sp-normal);
+    }
+  }
+  
+  &__cards-wrapper {
+    padding: var(--sp-normal);
+    @include dir.side(padding, var(--sp-normal), var(--sp-extra-tight));
+  }
+
+  &__card {
+    background-color: var(--bg-surface);
+    border-radius: var(--bo-radius);
+    box-shadow: var(--bs-surface-border);
+    padding: 16px;
+  }
+}