From 80d2114b9a1b2fb37c99c30addec9e9e7e24cfbe Mon Sep 17 00:00:00 2001 From: Francisco Pessano Date: Thu, 15 Dec 2022 20:36:17 -0300 Subject: [PATCH] changes in auth page --- src/Pages/Auth/Auth.jsx | 7 ++++--- src/Pages/Auth/auth-style.css | 1 + src/Pages/Auth/auth-style.css.map | 2 +- src/Pages/Auth/auth-style.scss | 3 ++- src/components/Notification/notification-style.css | 6 +++--- src/components/Notification/notification-style.css.map | 2 +- src/components/Notification/notification-style.scss | 8 +++----- src/styles.css | 8 ++++---- src/styles.css.map | 2 +- src/styles.scss | 8 ++++---- 10 files changed, 24 insertions(+), 23 deletions(-) diff --git a/src/Pages/Auth/Auth.jsx b/src/Pages/Auth/Auth.jsx index 49f5be4..ac92cd7 100644 --- a/src/Pages/Auth/Auth.jsx +++ b/src/Pages/Auth/Auth.jsx @@ -70,11 +70,12 @@ function Auth() { { - navigator.clipboard.writeText(permanentCode) - setNotification("Text copied to clipboard!") + navigator.clipboard.writeText(permanentCode).then(() => { + setNotification("Text copied to clipboard!") + }) }} > - {permanentCode} + {permanentCode || 'lorem ipsum'} diff --git a/src/Pages/Auth/auth-style.css b/src/Pages/Auth/auth-style.css index 9a46685..9f80dad 100644 --- a/src/Pages/Auth/auth-style.css +++ b/src/Pages/Auth/auth-style.css @@ -11,6 +11,7 @@ padding: 5vh 2vw; margin-top: 5vh; border-radius: 20px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.075); } .auth .success img { width: 75px; diff --git a/src/Pages/Auth/auth-style.css.map b/src/Pages/Auth/auth-style.css.map index 3fd769f..e626bc7 100644 --- a/src/Pages/Auth/auth-style.css.map +++ b/src/Pages/Auth/auth-style.css.map @@ -1 +1 @@ -{"version":3,"sources":["auth-style.scss","auth-style.css"],"names":[],"mappings":"AAAA;EACI,gBAAA;ACCJ;ADCI;EACI,eAAA;ACCR;ADEI;EAEI,aAAA;EACA,mBAAA;EAEA,yBAAA;EAEA,gBAAA;EAEA,eAAA;EAEA,mBAAA;ACLR;ADOQ;EACI,WAAA;EACA,YAAA;EAEA,iBAAA;ACNZ;ADSQ;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,uBAAA;EAEA,sBAAA;EACA,gBAAA;ACRZ","file":"auth-style.css"} \ No newline at end of file +{"version":3,"sources":["auth-style.scss","auth-style.css"],"names":[],"mappings":"AAAA;EACI,gBAAA;ACCJ;ADCI;EACI,eAAA;ACCR;ADEI;EAEI,aAAA;EACA,mBAAA;EAEA,yBAAA;EAEA,gBAAA;EAEA,eAAA;EAEA,mBAAA;EAEA,6CAAA;ACNR;ADQQ;EACI,WAAA;EACA,YAAA;EAEA,iBAAA;ACPZ;ADUQ;EACI,wBAAA;KAAA,qBAAA;UAAA,gBAAA;EACA,uBAAA;EAEA,sBAAA;EACA,gBAAA;ACTZ","file":"auth-style.css"} \ No newline at end of file diff --git a/src/Pages/Auth/auth-style.scss b/src/Pages/Auth/auth-style.scss index 21915ad..859e5a9 100644 --- a/src/Pages/Auth/auth-style.scss +++ b/src/Pages/Auth/auth-style.scss @@ -18,6 +18,8 @@ border-radius: 20px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.075); + img { width: 75px; height: 75px; @@ -31,7 +33,6 @@ color: rgb(73, 70, 50); font-size: 1.2em; - } } } \ No newline at end of file diff --git a/src/components/Notification/notification-style.css b/src/components/Notification/notification-style.css index a2edbe5..1227f05 100644 --- a/src/components/Notification/notification-style.css +++ b/src/components/Notification/notification-style.css @@ -1,8 +1,8 @@ .notification { width: 15vw; min-width: 300px; - background-color: rgba(71, 151, 255, 0.1647058824); - box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.541); + background-color: #ffef13; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.26); position: absolute; top: 80%; left: 50%; @@ -13,5 +13,5 @@ .notification p { overflow-wrap: anywhere; text-align: center; - font-weight: bold; + font-weight: 560; }/*# sourceMappingURL=notification-style.css.map */ \ No newline at end of file diff --git a/src/components/Notification/notification-style.css.map b/src/components/Notification/notification-style.css.map index aab429b..323b136 100644 --- a/src/components/Notification/notification-style.css.map +++ b/src/components/Notification/notification-style.css.map @@ -1 +1 @@ -{"version":3,"sources":["notification-style.scss","notification-style.css"],"names":[],"mappings":"AAAA;EAEI,WAAA;EACA,gBAAA;EAEA,kDAAA;EACA,6CAAA;EAEA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EAEA,gBAAA;EAEA,mBAAA;ACJJ;ADMI;EACI,uBAAA;EACA,kBAAA;EACA,iBAAA;ACJR","file":"notification-style.css"} \ No newline at end of file +{"version":3,"sources":["notification-style.scss","notification-style.css"],"names":[],"mappings":"AAAA;EAEI,WAAA;EACA,gBAAA;EAEA,yBAAA;EACA,4CAAA;EAEA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,6BAAA;EAEA,gBAAA;EAEA,mBAAA;ACJJ;ADMI;EACI,uBAAA;EACA,kBAAA;EACA,gBAAA;ACJR","file":"notification-style.css"} \ No newline at end of file diff --git a/src/components/Notification/notification-style.scss b/src/components/Notification/notification-style.scss index 3462cc2..85d80c3 100644 --- a/src/components/Notification/notification-style.scss +++ b/src/components/Notification/notification-style.scss @@ -3,8 +3,8 @@ width: 15vw; min-width: 300px; - background-color: #4797ff2a; - box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.541); + background-color: #ffef13; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.26); position: absolute; top: 80%; @@ -18,8 +18,6 @@ p { overflow-wrap: anywhere; text-align: center; - font-weight: bold; + font-weight: 560; } - - } \ No newline at end of file diff --git a/src/styles.css b/src/styles.css index d2ab772..3c38e03 100644 --- a/src/styles.css +++ b/src/styles.css @@ -33,8 +33,8 @@ img { } .fade-in { - -webkit-animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; - animation: fade-in 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both; + -webkit-animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; + animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both; } /* ---------------------------------------------- @@ -65,8 +65,8 @@ img { } } .fade-out { - -webkit-animation: fade-out 1s ease-out both; - animation: fade-out 1s ease-out both; + -webkit-animation: fade-out 0.3s ease-out both; + animation: fade-out 0.3s ease-out both; } /* ---------------------------------------------- diff --git a/src/styles.css.map b/src/styles.css.map index 1eeff8c..3839514 100644 --- a/src/styles.css.map +++ b/src/styles.css.map @@ -1 +1 @@ -{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;ACCJ;;ADEA;EACY,+FAAA;EACR,gCAAA;ACCJ;;ADEA;EACI,YAAA;ACCJ;;ADEA;EACI,aAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,YAAA;ACCJ;;ADEA;EACI,SAAA;ACCJ;;ADEA;EACI,yBAAA;KAAA,sBAAA;MAAA,qBAAA;UAAA,iBAAA;ACCJ;;ADIA;EACC,wEAAA;EACG,gEAAA;ACDJ;;ADIA;;;;;mDAAA;AAOA;;;;EAAA;AAKC;EACG;IACE,UAAA;ECFJ;EDIE;IACE,UAAA;ECFJ;AACF;ADIA;EACI;IACI,UAAA;ECFN;EDIE;IACI,UAAA;ECFN;AACF;ADKA;EACC,4CAAA;EACG,oCAAA;ACHJ;;ADKA;;;;;mDAAA;AAOA;;;;EAAA;AAKC;EACG;IACI,UAAA;ECHN;EDKE;IACI,UAAA;ECHN;AACF;ADKI;EACA;IACI,UAAA;ECHN;EDKE;IACI,UAAA;ECHN;AACF","file":"styles.css"} \ No newline at end of file +{"version":3,"sources":["styles.scss","styles.css"],"names":[],"mappings":"AAAA;EACI,SAAA;EACA,UAAA;ACCJ;;ADEA;EACY,+FAAA;EACR,gCAAA;ACCJ;;ADEA;EACI,YAAA;ACCJ;;ADEA;EACI,aAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,YAAA;ACCJ;;ADEA;EACI,SAAA;ACCJ;;ADEA;EACI,yBAAA;KAAA,sBAAA;MAAA,qBAAA;UAAA,iBAAA;ACCJ;;ADIA;EACC,wEAAA;EACG,gEAAA;ACDJ;;ADIA;;;;;mDAAA;AAOA;;;;EAAA;AAKC;EACG;IACE,UAAA;ECFJ;EDIE;IACE,UAAA;ECFJ;AACF;ADIA;EACI;IACI,UAAA;ECFN;EDIE;IACI,UAAA;ECFN;AACF;ADKA;EACC,8CAAA;EACG,sCAAA;ACHJ;;ADKA;;;;;mDAAA;AAOA;;;;EAAA;AAKC;EACG;IACI,UAAA;ECHN;EDKE;IACI,UAAA;ECHN;AACF;ADKI;EACA;IACI,UAAA;ECHN;EDKE;IACI,UAAA;ECHN;AACF","file":"styles.css"} \ No newline at end of file diff --git a/src/styles.scss b/src/styles.scss index 30f497c..4342f2d 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -32,8 +32,8 @@ img { //Animations .fade-in { - -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; - animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; + -webkit-animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; + animation: fade-in 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } /* ---------------------------------------------- @@ -66,8 +66,8 @@ img { } .fade-out { - -webkit-animation: fade-out 1s ease-out both; - animation: fade-out 1s ease-out both; + -webkit-animation: fade-out 0.3s ease-out both; + animation: fade-out 0.3s ease-out both; } /* ---------------------------------------------- * Generated by Animista on 2022-4-25 17:27:42