@antscorp/antsomi-ui 2.0.109 → 2.0.111

package/es/components/organism/AccountProfile/components/AccountSetting/components/EditableInput/styles.js

@@ -1,103 +1,103 @@
 import styled from 'styled-components';
-export const StyledEditableInput = styled.div `
-  font-size: 12px;
-  color: #000;
-
-  .clickable-text {
-    font-weight: 700;
-    color: #005eb8;
-    cursor: pointer;
-  }
-
-  .qr-form-wrapper {
-    display: flex;
-    gap: 30px;
-    margin-top: 25px;
-
-    .qr-form__img {
-      width: 165px;
-      height: 165px;
-      object-fit: contain;
-    }
-    .qr-form {
-      display: flex;
-      flex-direction: column;
-      gap: 20px;
-    }
-    .qr-form__header {
-      font-size: 14px;
-      font-weight: 700;
-      margin: 0;
-    }
-    .qr-form__description {
-      margin: 0;
-    }
-    .qr-form__input {
-    }
-    .qr-form__error {
-      color: #ef3340;
-    }
-    .qr-form__action {
-      display: flex;
-      gap: 10px;
-    }
-  }
+export const StyledEditableInput = styled.div `
+  font-size: 12px;
+  color: #000;
+
+  .clickable-text {
+    font-weight: 700;
+    color: #005eb8;
+    cursor: pointer;
+  }
+
+  .qr-form-wrapper {
+    display: flex;
+    gap: 30px;
+    margin-top: 25px;
+
+    .qr-form__img {
+      width: 165px;
+      height: 165px;
+      object-fit: contain;
+    }
+    .qr-form {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+    .qr-form__header {
+      font-size: 14px;
+      font-weight: 700;
+      margin: 0;
+    }
+    .qr-form__description {
+      margin: 0;
+    }
+    .qr-form__input {
+    }
+    .qr-form__error {
+      color: #ef3340;
+    }
+    .qr-form__action {
+      display: flex;
+      gap: 10px;
+    }
+  }
 `;
-export const StyledChangePass = styled.div `
-  font-size: 12px;
-  color: #000000;
-  display: flex;
-  flex-direction: column;
-  gap: 15px;
-
-  .row-input {
-    display: flex;
-    align-items: flex-start;
-    gap: 15px;
-
-    label {
-      width: 150px;
-      text-align: left;
-      position: relative;
-      top: 14px;
-    }
-    .required-mark {
-      color: #ef3340;
-      margin-left: 5px;
-    }
-    .error {
-      position: absolute;
-      color: #ef3340;
-      font-size: 11px;
-    }
-    .field-container {
-      width: 300px;
-      .MuiFormControl-root {
-        width: 100%;
-      }
-    }
-  }
+export const StyledChangePass = styled.div `
+  font-size: 12px;
+  color: #000000;
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+
+  .row-input {
+    display: flex;
+    align-items: flex-start;
+    gap: 15px;
+
+    label {
+      width: 150px;
+      text-align: left;
+      position: relative;
+      top: 14px;
+    }
+    .required-mark {
+      color: #ef3340;
+      margin-left: 5px;
+    }
+    .error {
+      position: absolute;
+      color: #ef3340;
+      font-size: 11px;
+    }
+    .field-container {
+      width: 300px;
+      .MuiFormControl-root {
+        width: 100%;
+      }
+    }
+  }
 `;
-export const LastChangeWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  margin-top: 4px;
-
-  .tick-icon {
-    color: #12b800;
-  }
-  .last-change-time {
-    color: #7f7f7f;
-  }
+export const LastChangeWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  margin-top: 4px;
+
+  .tick-icon {
+    color: #12b800;
+  }
+  .last-change-time {
+    color: #7f7f7f;
+  }
 `;
-export const TwoStepAuthenWrapper = styled.div `
-  position: relative;
-  margin-top: 20px;
-
-  .two-step-label {
-    position: absolute;
-    left: -150px;
-    top: 4px;
-  }
+export const TwoStepAuthenWrapper = styled.div `
+  position: relative;
+  margin-top: 20px;
+
+  .two-step-label {
+    position: absolute;
+    left: -150px;
+    top: 4px;
+  }
 `;

package/es/components/organism/AccountProfile/components/AccountSetting/components/LanguageSelector/styles.js

@@ -1,23 +1,23 @@
 import styled from 'styled-components';
 import { Typography } from '@antscorp/antsomi-ui/es/components/atoms/Typography';
 import { Select } from '@antscorp/antsomi-ui/es/components/molecules/Select';
-export const StyledSelect = styled(Select) `
-  .img-lang {
-    width: 21px;
-    height: 15px;
-    margin-right: 10px;
-  }
-  .img-lang-en {
-    background: url('~Assets/images/langs/english.png') no-repeat;
-  }
-  .img-lang-vi {
-    background: url('~Assets/images/langs/vietnam.png') no-repeat;
-  }
+export const StyledSelect = styled(Select) `
+  .img-lang {
+    width: 21px;
+    height: 15px;
+    margin-right: 10px;
+  }
+  .img-lang-en {
+    background: url('~Assets/images/langs/english.png') no-repeat;
+  }
+  .img-lang-vi {
+    background: url('~Assets/images/langs/vietnam.png') no-repeat;
+  }
 `;
-export const StyledSelectOption = styled(Typography.Text) `
-  display: flex !important;
-  justify-content: flex-start;
-  align-items: center;
-  cursor: pointer;
-  gap: 6px;
+export const StyledSelectOption = styled(Typography.Text) `
+  display: flex !important;
+  justify-content: flex-start;
+  align-items: center;
+  cursor: pointer;
+  gap: 6px;
 `;