@digi-frontend/dgate-api-documentation 1.4.91 → 1.4.93

package/src/components/LivePreview/LivePreview.module.scss

@@ -1,181 +1,181 @@
-.livePreviewContainer {
-  .titleContainer {
-    margin-top: 1.875rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    max-width: 100%;
-    gap: 1.25rem;
-
-    p.apiName {
-      font-size: 40px;
-      line-height: 30px;
-      font-weight: 500;
-      word-wrap: break-word;
-      overflow-wrap: break-word;
-      word-break: break-all;
-    }
-
-    .livePreviewChip {
-      background-color: #ebecf2;
-      color: #12131a;
-    }
-  }
-
-  .description_preview {
-    word-break: break-all;
-  }
-}
-
-.requestAccordion,
-.responseAccordion {
-  background-color: #f4c5c5;
-  border: 1px solid #da3f3f;
-  border-radius: 0.3125rem !important;
-  box-shadow: none !important;
-  margin-bottom: 0 !important;
-  cursor: default !important;
-  margin-top: 0.625rem;
-
-  :global(.accordion-header) {
-    background-color: #f4c5c5;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin: 0 !important;
-    padding: 0 !important;
-    height: 4.0625rem !important;
-    border-radius: 0.3125rem !important;
-  }
-
-  :global(.accordion-details.expanded) {
-    border-top: 1px solid #000 !important;
-    padding: 1.25rem !important;
-    padding: 0 !important;
-
-    background-color: #f4c5c5;
-    :global(.jsonField) {
-      div {
-        textarea {
-          border-top-right-radius: 0;
-          border-top-left-radius: 0;
-          height: 10rem;
-        }
-      }
-    }
-  }
-
-  :global(.accordion-details.expanded .textArea .containerTextArea) {
-    display: flex;
-  }
-
-  :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
-    height: 100%;
-    padding: 1.25rem;
-  }
-
-  .accordionContent {
-    max-width: 100%;
-    padding-left: 0.625rem;
-    padding-right: 0.625rem;
-    padding-top: 0.9375rem;
-
-    ol {
-      padding-left: 1.7rem;
-      li {
-        max-width: 100%;
-        // white-space: normal;
-        word-break: break-all;
-        // overflow-wrap: break-word;
-      }
-    }
-  }
-
-  .requestAccordionSummary,
-  .responseAccordionSummary {
-    width: 100%;
-    cursor: pointer;
-    display: flex;
-    justify-content: space-between;
-    font-weight: 700;
-    font-size: 1.125rem;
-    line-height: 1.5rem;
-    display: flex;
-    align-items: center;
-    // cursor: default !important;
-    margin-inline: 0.625rem 1.25rem;
-  }
-
-  .responseAccordionSummary_title,
-  .requestAccordionSummary_title,
-  .responseAccordionSummary {
-    display: flex;
-    align-items: center;
-
-    svg {
-      transition: rotate 0.2s ease-in-out;
-    }
-
-    .expanded {
-      rotate: 180deg;
-    }
-  }
-
-  :global(.accordion-details) {
-    :global(.textArea .inputField) {
-      padding: 0;
-      border: none;
-    }
-  }
-
-  :global(.accordion-header .iconContainer .dropdownIcon) {
-    display: none !important;
-  }
-
-  :global(.accordion-header) {
-    cursor: default;
-  }
-}
-
-.responseAccordion {
-  .responseAccordionSummary {
-    display: flex;
-    align-items: center;
-
-    :global(.multiSelectGroup .optionsList) {
-      width: 8rem !important;
-      min-width: 8rem !important;
-    }
-
-    :global(.multiSelectGroup) {
-      width: 8rem;
-      margin-left: auto;
-
-      :global(.selectDisplay) {
-        height: 2.0625rem !important;
-        min-height: 2.0625rem !important;
-        padding: 0;
-        padding-left: 0.625rem;
-      }
-    }
-  }
-
-  :global(.accordion-header) {
-    overflow: visible;
-    cursor: default;
-  }
-
-  .statusCodeOptionContainer {
-    display: grid;
-    grid-template-columns: min-content min-content;
-    align-items: center;
-    gap: 0.625rem;
-
-    .statusCodeOptionCircle {
-      width: 0.625rem;
-      aspect-ratio: 1 / 1;
-      border-radius: 100%;
-    }
-  }
-}
+.livePreviewContainer {
+  .titleContainer {
+    margin-top: 1.875rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    max-width: 100%;
+    gap: 1.25rem;
+
+    p.apiName {
+      font-size: 40px;
+      line-height: 30px;
+      font-weight: 500;
+      word-wrap: break-word;
+      overflow-wrap: break-word;
+      word-break: break-all;
+    }
+
+    .livePreviewChip {
+      background-color: #ebecf2;
+      color: #12131a;
+    }
+  }
+
+  .description_preview {
+    word-break: break-all;
+  }
+}
+
+.requestAccordion,
+.responseAccordion {
+  background-color: #f4c5c5;
+  border: 1px solid #da3f3f;
+  border-radius: 0.3125rem !important;
+  box-shadow: none !important;
+  margin-bottom: 0 !important;
+  cursor: default !important;
+  margin-top: 0.625rem;
+
+  :global(.accordion-header) {
+    background-color: #f4c5c5;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin: 0 !important;
+    padding: 0 !important;
+    height: 4.0625rem !important;
+    border-radius: 0.3125rem !important;
+  }
+
+  :global(.accordion-details.expanded) {
+    border-top: 1px solid #000 !important;
+    padding: 1.25rem !important;
+    padding: 0 !important;
+
+    background-color: #f4c5c5;
+    :global(.jsonField) {
+      div {
+        textarea {
+          border-top-right-radius: 0;
+          border-top-left-radius: 0;
+          height: 10rem;
+        }
+      }
+    }
+  }
+
+  :global(.accordion-details.expanded .textArea .containerTextArea) {
+    display: flex;
+  }
+
+  :global(.accordion-details.expanded .textArea .containerTextArea .inputField) {
+    height: 100%;
+    padding: 1.25rem;
+  }
+
+  .accordionContent {
+    max-width: 100%;
+    padding-left: 0.625rem;
+    padding-right: 0.625rem;
+    padding-top: 0.9375rem;
+
+    ol {
+      padding-left: 1.7rem;
+      li {
+        max-width: 100%;
+        // white-space: normal;
+        word-break: break-all;
+        // overflow-wrap: break-word;
+      }
+    }
+  }
+
+  .requestAccordionSummary,
+  .responseAccordionSummary {
+    width: 100%;
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    font-weight: 700;
+    font-size: 1.125rem;
+    line-height: 1.5rem;
+    display: flex;
+    align-items: center;
+    // cursor: default !important;
+    margin-inline: 0.625rem 1.25rem;
+  }
+
+  .responseAccordionSummary_title,
+  .requestAccordionSummary_title,
+  .responseAccordionSummary {
+    display: flex;
+    align-items: center;
+
+    svg {
+      transition: rotate 0.2s ease-in-out;
+    }
+
+    .expanded {
+      rotate: 180deg;
+    }
+  }
+
+  :global(.accordion-details) {
+    :global(.textArea .inputField) {
+      padding: 0;
+      border: none;
+    }
+  }
+
+  :global(.accordion-header .iconContainer .dropdownIcon) {
+    display: none !important;
+  }
+
+  :global(.accordion-header) {
+    cursor: default;
+  }
+}
+
+.responseAccordion {
+  .responseAccordionSummary {
+    display: flex;
+    align-items: center;
+
+    :global(.multiSelectGroup .optionsList) {
+      width: 8rem !important;
+      min-width: 8rem !important;
+    }
+
+    :global(.multiSelectGroup) {
+      width: 8rem;
+      margin-left: auto;
+
+      :global(.selectDisplay) {
+        height: 2.0625rem !important;
+        min-height: 2.0625rem !important;
+        padding: 0;
+        padding-left: 0.625rem;
+      }
+    }
+  }
+
+  :global(.accordion-header) {
+    overflow: visible;
+    cursor: default;
+  }
+
+  .statusCodeOptionContainer {
+    display: grid;
+    grid-template-columns: min-content min-content;
+    align-items: center;
+    gap: 0.625rem;
+
+    .statusCodeOptionCircle {
+      width: 0.625rem;
+      aspect-ratio: 1 / 1;
+      border-radius: 100%;
+    }
+  }
+}