mirror of
https://github.com/FranP-code/Open-Telegram-to-Notion-Website.git
synced 2025-10-13 00:42:53 +00:00
changes in auth page
This commit is contained in:
@@ -70,11 +70,12 @@ function Auth() {
|
||||
<code
|
||||
className="code-selection"
|
||||
onClick={() => {
|
||||
navigator.clipboard.writeText(permanentCode)
|
||||
setNotification("Text copied to clipboard!")
|
||||
navigator.clipboard.writeText(permanentCode).then(() => {
|
||||
setNotification("Text copied to clipboard!")
|
||||
})
|
||||
}}
|
||||
>
|
||||
{permanentCode}
|
||||
{permanentCode || 'lorem ipsum'}
|
||||
</code>
|
||||
</div>
|
||||
</>
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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"}
|
||||
@@ -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;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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 */
|
||||
@@ -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"}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
/* ----------------------------------------------
|
||||
|
||||
@@ -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"}
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user