changes in auth page

src/Pages/Auth/Auth.jsx

@@ -70,11 +70,12 @@ function Auth() {
                                     <code
                                         className="code-selection"
                                         onClick={() => {
-                                            navigator.clipboard.writeText(permanentCode)
+                                            navigator.clipboard.writeText(permanentCode).then(() => {  
-                                            setNotification("Text copied to clipboard!")
+                                                setNotification("Text copied to clipboard!")
+                                            })
                                         }}
                                     >
-                                        {permanentCode}
+                                        {permanentCode || 'lorem ipsum'}
                                     </code>
                                 </div>
                             </>

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;

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"}
+{"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"}

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;
-
         }
     }
 }

src/components/Notification/notification-style.css

@@ -1,8 +1,8 @@
 .notification {
   width: 15vw;
   min-width: 300px;
-  background-color: rgba(71, 151, 255, 0.1647058824);
+  background-color: #ffef13;
-  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.541);
+  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 */

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"}
+{"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"}

src/components/Notification/notification-style.scss

@@ -3,8 +3,8 @@
     width: 15vw;
     min-width: 300px;
 
-    background-color: #4797ff2a;
+    background-color: #ffef13;
-    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.541);
+    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;
     }
-    
-
 }

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;
+  -webkit-animation: fade-in 0.3s 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;
+  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;
+  -webkit-animation: fade-out 0.3s ease-out both;
-  animation: fade-out 1s ease-out both;
+  animation: fade-out 0.3s ease-out both;
 }
 
 /* ----------------------------------------------

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"}
+{"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"}

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;
+	-webkit-animation: fade-in 0.3s 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;
+    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;
+	-webkit-animation: fade-out 0.3s ease-out both;
-    animation: fade-out 1s ease-out both;
+    animation: fade-out 0.3s ease-out both;
 }
 /* ----------------------------------------------
  * Generated by Animista on 2022-4-25 17:27:42