Merge pull request #796 from TokenScript/fix/authenticate-on-chain

Fix/authenticate on chain
SmartTokenLabs · Aug 16, 2023 · 69349a4 · 69349a4
2 parents 7ad2475 + 553a313
commit 69349a4
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 5 deletions.
diff --git a/src/outlet/attestationIdClient.ts b/src/outlet/attestationIdClient.ts
@@ -117,6 +117,7 @@ export class AttestationIdClient {
 					display: flex;
 					flex-direction: column;
 					padding: 30px;
+					z-index: 9999;
 				}
 				#${wrapperID} div:hover {
 					box-shadow: 0 0px 14px #ffff !important;

diff --git a/src/outlet/index.ts b/src/outlet/index.ts
@@ -13,6 +13,11 @@ export const defaultConfig = {
 	whitelistDialogHeight: '350px',
 }
 
+export const attestationWindowConfig = {
+	max_width: window.innerWidth < 700 ? '400px' : '450px',
+	min_height: window.innerHeight < 600 ? '600px' : '650px',
+}
+
 export class Outlet extends LocalOutlet {
 	// private ticketStorage: TicketStorage
 	private whitelist: Whitelist
@@ -173,8 +178,8 @@ export class Outlet extends LocalOutlet {
 				this.sendMessageResponse({
 					evtid: evtid,
 					evt: ResponseActionBase.SHOW_FRAME,
-					max_width: this.tokenConfig.whitelistDialogWidth,
-					min_height: this.tokenConfig.whitelistDialogHeight,
+					max_width: attestationWindowConfig.max_width,
+					min_height: attestationWindowConfig.min_height,
 				})
 			})
 
@@ -225,8 +230,8 @@ export class Outlet extends LocalOutlet {
 					this.sendMessageResponse({
 						evtid: evtid,
 						evt: ResponseActionBase.SHOW_FRAME,
-						max_width: this.tokenConfig.whitelistDialogWidth,
-						min_height: this.tokenConfig.whitelistDialogHeight,
+						max_width: attestationWindowConfig.max_width,
+						min_height: attestationWindowConfig.min_height,
 					})
 				},
 				redirect,

diff --git a/src/theme/common.scss b/src/theme/common.scss
@@ -39,7 +39,7 @@
 
 .overlay-tn.popup-tn {
   position: fixed;
-  z-index: 9999;
+  z-index: 9000;
 }
 
 .overlay-tn.popup-tn.bottom-right {

diff --git a/src/theme/modal.scss b/src/theme/modal.scss
@@ -76,6 +76,12 @@
   justify-content: center;
 }
 
+@media (max-width: 768px) {
+  .modal-content-tn {
+    width: 90%;
+  }
+}
+
 /* Add Animation */
 @-webkit-keyframes animatetop {
   from {