Add cancel button to demo page

AyogoHealth · Aug 20, 2024 · 0c7fa74 · 0c7fa74
1 parent 6f6a797
commit 0c7fa74
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/example/oauth_access_token.html b/example/oauth_access_token.html
@@ -9,22 +9,35 @@
         <style>
             body {
                 display: flex;
+                flex-direction: column;
                 justify-content: center;
                 height: 100vh;
                 padding: 0;
                 margin: 0;
+                gap: 2em;
             }
 
             button#login {
                 padding: 1em 2em;
                 font-size: 16px;
                 align-self: center;
             }
+
+            button#cancel {
+                padding: 0.5em 1em;
+                font-size: 12px;
+                align-self: center;
+                background: none;
+                border: none;
+                text-decoration: underline;
+            }
         </style>
     </head>
     <body>
         <button id="login">Click Here to Login</button>
 
+        <button id="cancel">Cancel</button>
+
         <script>
             // Polyfill for crypto.randomUUID()
             if (!('randomUUID' in crypto)) {
@@ -67,6 +80,10 @@
             document.getElementById('login').addEventListener('click', () => {
                 performOAuth();
             });
+
+            document.getElementById('cancel').addEventListener('click', () => {
+                window.close();
+            });
         </script>
     </body>
 </html>