contentoh-components-library 21.0.57 → 21.0.60

package/src/components/atoms/SliderToolTip/styles.js

@@ -4,24 +4,25 @@ import { GlobalColors, FontFamily } from "../../../global-files/variables";
 export const Container = styled.div`
   background: transparent;
   cursor: pointer;
-  width: 40px;
-  margin-left: 9px;
+  width: 40px !important;
+  margin: 9px;
   position: relative;
-  & + * {
-    margin-left: 9px;
-  }
 `;
 export const Slider = styled.div`
   font-family: sans-serif;
   margin: auto;
   background: #281f33;
   border-radius: 6px;
-  width: 310px;
+  
   padding: 16px;
   padding-top: 20px;
   box-sizing: border-box;
   position: absolute;
-  top: 50px;
+  top: calc(100% + 25px);
+  left: calc(50% - 223px / 2);
+  #div-slider {
+    width: 310px;
+  }
   ul,
   li {
     padding: 0;
@@ -33,6 +34,7 @@ export const Slider = styled.div`
     max-width: 300px;
     width: 100%;
     height: 270px;
+    margin: 0;
     li {
       position: absolute;
       left: 0px;
@@ -111,11 +113,10 @@ export const Slider = styled.div`
         }
       }
       button {
-        display: flex;
+        display: none;
         justify-content: center;
         align-items: center;
         padding: 10px;
-        position: absolute;
         width: 160px;
         height: 30px;
         border: 1px solid #d4d1d7;
@@ -128,20 +129,22 @@ export const Slider = styled.div`
         font-size: 18px;
         line-height: 25px;
         letter-spacing: -0.015em;
-        left: 21%;
         position: absolute;
-        top: 80%;
+        left: 22%;
+        top: 88%;
         cursor: pointer;
       }
     }
-    li:first-child {
-      opacity: 1; /*Mostramos el primer <li>*/
-    }
-    li:target {
-      opacity: 1; /*Mostramos el primer <li>*/
-    }
+  }
+
+  li:first-child {
+    opacity: 1; /*Mostramos el primer <li>*/
+  }
+  li:target {
+    opacity: 1; /*Mostramos el primer <li>*/
   }
   .menu {
+    margin: 0;
     text-align: center;
     li {
       display: inline-block;
@@ -152,11 +155,14 @@ export const Slider = styled.div`
       a {
         display: inline-block;
         text-decoration: none;
-        background-color: grey;
+        background-color: #c4c4c4;
         width: 10px;
         height: 10px;
         border-radius: 100%;
       }
+      #slidea1 {
+        background-color: #e33aa9;
+      }
     }
   }
 `;

package/src/components/molecules/SignInLogin/index.js

@@ -87,12 +87,14 @@ export const SignInLogin = (props) => {
           }
         }
       } catch (error) {
-        console.log(error);
+        console.log(error.code);
         setLoading(false);
         console.log("error 1");
         if (error.code === "NotAuthorizedException") {
           setSignInError("NotAuthorizedException");
+          console.log("not autho");
         } else if (error.code === "UserNotConfirmedException") {
+          console.log("not user");
           sessionStorage.setItem(
             "email",
             JSON.stringify(
@@ -103,7 +105,6 @@ export const SignInLogin = (props) => {
           props.setPaso(5);
         } else {
           setSignInError("Error");
-          console.log("error 2");
         }
       }
     }