Updated New Room Page

src/assets/css/create.scss

@@ -1,8 +1,64 @@
 @import "@/assets/css/main.scss";
 
+
 .create-root {
   background-color: $background;
+  user-select: none;
 
+  .v-avatar {
+    border: 1px solid #808080 !important;
+  }
+
+  .section {
+    background-color: white;
+    border-radius: 20px;
+    padding: 20px;
+    border: 1px solid #808080 !important;
+    position: relative;
+  }
+
+  .options {
+    display: flex;
+    width: 100%;
+    justify-content: flex-end;
+    color: black;
+    font-size: 14 * $chat-text-size;
+    font-weight: bold;
+    margin-left: 10px;
+    [dir="rtl"] & {
+      margin-left: initial;
+      margin-right: 10px;
+    }
+    text-transform: none !important;
+  }
+
+  .room-option {
+    .v-input {
+      margin: 0px;
+    }
+  }
+
+  .option-warning {
+    background: linear-gradient(0deg, #FFF3F3, #FFF3F3), #FFFBED;
+    border-radius: 8px;
+    padding: 18px;
+    font-family: 'Inter', sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 17px;
+    .v-icon {
+      margin-right: 16px;
+    }
+  }
+
+
+  /* Make secondary inputs (e.g. topic) */
+  .v-input.v-text-field--filled.v-text-field--rounded .v-input__slot {
+    background-color: #f5f5f5;
+    border-radius: 4px;
+  }
+  
   .create-loggedin {
     text-align: center;
     button {
@@ -34,15 +90,12 @@
 
   .create-title {
     color: #000;
-    text-align: center;
-    font-family: "Poppins";
-    font-size: 28px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 108.5%; /* 30.38px */
     letter-spacing: -0.8px;
     white-space: pre-line;
     margin-top: 50px;
+    &.no-icon {
+      margin-top: 122px;
+    }
   }
 
   .create-info {
@@ -135,4 +188,10 @@
     flex-direction: column;
     margin-top: -20px;
   }
+
+  .v-btn:not(.back-button) {
+    border-radius: 24px;
+    min-height: 48px !important;
+    min-width: 200px !important;
+  }
 }