@omniumretail/component-library 1.0.64 → 1.0.66

package/src/components/CategoryReadOnly/styles.module.scss

@@ -1,184 +1,184 @@
-.categoryResponse {
-    display: grid;
-    grid-template-columns: 300px auto;
-    gap: 16px;
-    height: 100%;
-}
-
-.sidebarWrapper {
-    overflow: auto;
-    background: #EBECED;
-}
-
-.contentWrapper {
-    overflow: auto;
-    background: var(--color-white);
-}
-
-.sidebarWrapper,
-.contentWrapper {
-    padding: 20px;
-}
-
-.title {
-    font-size: var(--font-size-body-4);
-    color: var(--color-blue);
-    margin-bottom: 36px;
-    font-weight: var(--font-weight-semibold);
-    text-transform: uppercase;
-
-}
-
-.label {
-    padding-bottom: 15px;
-    font-weight: var(--font-weight-bold);
-    font-size: var(--font-size-body-4);
-}
-
-.cursorPointer {
-    cursor: pointer;
-}
-
-.subCategory {
-    padding-left: 16px;
-
-    .label {
-        font-weight: var(--font-weight-semibold);
-    }
-
-    .labelWrapper {
-        .subCategory {
-            .label {
-                font-weight: var(--font-weight-light);
-            }
-        }
-    }
-}
-
-.labelWrapper {
-    display: block;
-}
-
-.active {
-    color: var(--color-orange);
-}
-
-.details {
-    margin-bottom: 32px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-
-.categoryName {
-    font-size: var(--font-size-body-4);
-    color: var(--color-blue);
-    font-weight: var(--font-weight-semibold);
-    margin-bottom: 8px;
-}
-
-.categoryDescription {
-    font-size: var(--font-size-body-3);
-    font-weight: var(--font-weight-light);
-    color: var(--color-black);
-}
-
-// Questions
-.questionWrapper {
-    display: flex;
-    flex-direction: row;
-    gap: 36px;
-    margin-bottom: 36px;
-    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
-    padding-bottom: 4px;
-}
-
-.questionWrapperOpenAnswer {
-    flex-direction: column;
-    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
-    margin-bottom: 24px;
-
-    .question {
-        width: 100%;
-        border-bottom: none;
-    }
-
-    .answer {
-        width: 100%;
-        height: auto;
-
-        :global {
-            .ant-input {
-                min-height: 140px;
-            }
-            
-            .ant-form-item {
-                margin-bottom: 16px;
-            }
-        }
-    }
-}
-
-.question {
-    width: calc(100% - 149px);
-    display: flex;
-    align-items: center;
-}
-
-.answer {
-    width: 130px;
-    min-width: 130px;
-    align-self: flex-end;
-    display: flex;
-    justify-content: space-between;
-    padding-right: 15px;
-}
-
-.answerOpenAnswer {
-    display: none;
-}
-
-.categoryGrades {
-    width: 130px;
-    min-width: 130px;
-    align-self: flex-end;
-    display: flex;
-    justify-content: space-between;
-    gap: 34px;
-}
-
-.subject {
-    font-size: var(--font-size-body-3);
-    font-weight: var(--font-weight-medium);
-}
-
-.description {
-    font-weight: var(--font-weight-light);
-    margin-bottom: 4px;
-}
-
-.gradeBox {
-    padding: 6px;
-    font-size: var(--font-size-body-4);
-    font-weight: var(--font-weight-medium);
-    color: var(--color-white);
-    border-radius: 5px;
-    display: inline-flex;
-    letter-spacing: 3px;
-} 
-
-.categoryGradesWrapper {
-    background-color: rgba(217, 217, 217, 0.5);
-    border-radius: 5px;
-    padding: 8px 15px;
-    display: flex;
-    flex-direction: row;
-    gap: 50px;
-    align-items: center;
-}
-
-.categoryGradesTitle {
-    font-size: var(--font-size-body-3);
-    font-weight: var(--font-weight-medium);
-    color: var(--color-black);
-}
+.categoryResponse {
+    display: grid;
+    grid-template-columns: 300px auto;
+    gap: 16px;
+    height: 100%;
+}
+
+.sidebarWrapper {
+    overflow: auto;
+    background: #EBECED;
+}
+
+.contentWrapper {
+    overflow: auto;
+    background: var(--color-white);
+}
+
+.sidebarWrapper,
+.contentWrapper {
+    padding: 20px;
+}
+
+.title {
+    font-size: var(--font-size-body-4);
+    color: var(--color-blue);
+    margin-bottom: 36px;
+    font-weight: var(--font-weight-semibold);
+    text-transform: uppercase;
+
+}
+
+.label {
+    padding-bottom: 15px;
+    font-weight: var(--font-weight-bold);
+    font-size: var(--font-size-body-4);
+}
+
+.cursorPointer {
+    cursor: pointer;
+}
+
+.subCategory {
+    padding-left: 16px;
+
+    .label {
+        font-weight: var(--font-weight-semibold);
+    }
+
+    .labelWrapper {
+        .subCategory {
+            .label {
+                font-weight: var(--font-weight-light);
+            }
+        }
+    }
+}
+
+.labelWrapper {
+    display: block;
+}
+
+.active {
+    color: var(--color-orange);
+}
+
+.details {
+    margin-bottom: 32px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.categoryName {
+    font-size: var(--font-size-body-4);
+    color: var(--color-blue);
+    font-weight: var(--font-weight-semibold);
+    margin-bottom: 8px;
+}
+
+.categoryDescription {
+    font-size: var(--font-size-body-3);
+    font-weight: var(--font-weight-light);
+    color: var(--color-black);
+}
+
+// Questions
+.questionWrapper {
+    display: flex;
+    flex-direction: row;
+    gap: 36px;
+    margin-bottom: 36px;
+    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
+    padding-bottom: 4px;
+}
+
+.questionWrapperOpenAnswer {
+    flex-direction: column;
+    border-bottom: 1px solid rgba(var(--color-blue-rgb), .2);
+    margin-bottom: 24px;
+
+    .question {
+        width: 100%;
+        border-bottom: none;
+    }
+
+    .answer {
+        width: 100%;
+        height: auto;
+
+        :global {
+            .ant-input {
+                min-height: 140px;
+            }
+            
+            .ant-form-item {
+                margin-bottom: 16px;
+            }
+        }
+    }
+}
+
+.question {
+    width: calc(100% - 149px);
+    display: flex;
+    align-items: center;
+}
+
+.answer {
+    width: 130px;
+    min-width: 130px;
+    align-self: flex-end;
+    display: flex;
+    justify-content: space-between;
+    padding-right: 15px;
+}
+
+.answerOpenAnswer {
+    display: none;
+}
+
+.categoryGrades {
+    width: 130px;
+    min-width: 130px;
+    align-self: flex-end;
+    display: flex;
+    justify-content: space-between;
+    gap: 34px;
+}
+
+.subject {
+    font-size: var(--font-size-body-3);
+    font-weight: var(--font-weight-medium);
+}
+
+.description {
+    font-weight: var(--font-weight-light);
+    margin-bottom: 4px;
+}
+
+.gradeBox {
+    padding: 6px;
+    font-size: var(--font-size-body-4);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-white);
+    border-radius: 5px;
+    display: inline-flex;
+    letter-spacing: 3px;
+} 
+
+.categoryGradesWrapper {
+    background-color: rgba(217, 217, 217, 0.5);
+    border-radius: 5px;
+    padding: 8px 15px;
+    display: flex;
+    flex-direction: row;
+    gap: 50px;
+    align-items: center;
+}
+
+.categoryGradesTitle {
+    font-size: var(--font-size-body-3);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-black);
+}