Added create question page

ita-social-projects · Sep 14, 2023 · a87e842 · a87e842
1 parent 29050b5
commit a87e842
Show file tree

Hide file tree

Showing 10 changed files with 265 additions and 98 deletions.
diff --git a/src/components/question-editor/QuestionEditor.styles.ts b/src/components/question-editor/QuestionEditor.styles.ts
@@ -1,30 +1,48 @@
 import { commonShadow } from '~/styles/app-theme/custom-shadows'
+import { TypographyVariantEnum } from '~/types'
 
 export const styles = {
-  root: {
-    display: 'flex',
-    padding: '16px 24px',
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    borderRadius: '6px',
-    boxShadow: commonShadow
+  root: {},
+  group: {
+    width: '100%'
+  },
+  input: {
+    style: {
+      padding: 0
+    }
   },
-  questionHeader: {
+  titleInput: {
+    disableUnderline: true,
+    style: {
+      fontSize: '35px',
+      fontWeight: 500,
+      maxHeight: '35px',
+      marginTop: 0
+    }
+  },
+  titleLabel: {
+    shrink: false,
+    sx: { typography: TypographyVariantEnum.H5, top: -14 }
+  },
+  labelCategory: {
+    color: 'primary.600',
+    maxWidth: '464px',
     width: '100%',
     display: 'flex',
-    justifyContent: 'space-between'
-  },
-  group: {
-    width: '100%'
+    flexDirection: 'column',
+    gap: '4px'
   },
   options: {
     display: 'flex',
     alignItems: 'center',
     gap: '16px'
   },
-  divider: {
+  mainDivider: {
+    m: '32px 0 24px'
+  },
+  editorDivider: {
     alignSelf: 'stretch',
-    mb: '24px'
+    m: '8px 0 24px'
   },
   inputItem: {
     color: 'basic.black',
@@ -34,6 +52,14 @@ export const styles = {
       width: '100%'
     }
   },
+  editorBlock: {
+    display: 'flex',
+    padding: '16px 24px',
+    flexDirection: 'column',
+    alignItems: 'flex-start',
+    borderRadius: '6px',
+    boxShadow: commonShadow
+  },
   answer: {
     width: '100%',
     display: 'flex',
@@ -62,5 +88,11 @@ export const styles = {
   }),
   addIcon: (isEmptyAnswer: boolean) => ({
     color: isEmptyAnswer ? 'primary.300' : 'primary.700'
-  })
+  }),
+  buttons: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    gap: '32px',
+    mt: '32px'
+  }
 }