Merge pull request #3 from finos-labs/apps-cleanup

some more ui cleanup for pages
finos-labs · Sep 27, 2024 · f64f34e · f64f34e
2 parents 19fe36d + 6f48a40
commit f64f34e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 0 deletions.
diff --git a/app/index.html b/app/index.html
@@ -47,6 +47,9 @@
     <div class="header">
         <h1>BankerX Demo</h1>
         <div class="actions">
+          <button class="secondary" onclick="launchBankApp(1)">Launch Bank App 1</button>
+          <button class="secondary" onclick="launchBankApp(2)">Launch Bank App 2</button>
+          <button class="secondary" onclick="launchBankApp(3)">Launch Bank App 3</button>
           <button disabled id='initPurchaseButton' onclick="getTerms()">Start Purchase</button>
         </div>
     </div>

diff --git a/app/main.js b/app/main.js
@@ -24,6 +24,10 @@ const selectCard = (id) => {
   }
 };
 
+const launchBankApp = (index) => {
+    window.open(`./bank-app${index}.html`, '_blank');
+};
+
 const showSuccessModal = (message) => {
   const modal = document.getElementById('successModal');
   const modalCTA = document.getElementById('successCTA');

diff --git a/app/styles.css b/app/styles.css
@@ -22,8 +22,15 @@ body {
     font-size: large;
     border: 0;
     cursor: pointer;
+    margin-right: 6px;
   }
 
+  .header .actions button.secondary {
+    background: none;
+    border: 1px solid #36f;
+    color: #36f;
+}
+
   .header .actions button:disabled {
     padding: 9px;
     border-radius: 6px;
@@ -39,6 +46,7 @@ body {
     display: flex;
     justify-content: center;
     background: url('./background.png');
+    background-position-x: center;
     background-size: contain;
     background-repeat: no-repeat;
     height: 100vh;