Centre Align modals + Add modern X button to one (#159)

PIVX-Labs · Jul 25, 2023 · a5295f2 · a5295f2
1 parent 69be03e
commit a5295f2
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/index.template.html b/index.template.html
@@ -78,7 +78,7 @@
 
         <!-- // QR MODAL -->
         <div class="modal fade" id="qrModal" tabindex="-1" role="dialog" aria-labelledby="qrModalLabel" aria-hidden="true">
-          <div class="modal-dialog" role="document">
+          <div class="modal-dialog modal-dialog-centered" role="document">
             <div class="modal-content exportKeysModalColor">
               <div class="modal-header">
                 <h5 class="modal-title" id="qrModalLabel">Address QR</h5>
@@ -96,7 +96,7 @@ <h5 class="modal-title" id="qrModalLabel">Address QR</h5>
 
         <!-- // QR Reader -->
         <div class="modal fade" id="qrReaderModal" tabindex="-1" role="dialog" aria-labelledby="qrReaderModalLabel" aria-hidden="true">
-          <div class="modal-dialog" role="document">
+          <div class="modal-dialog modal-dialog-centered" role="document">
             <div class="modal-content exportKeysModalColor">
               <div class="modal-header">
                 <h5 class="modal-title" id="qrReaderModalLabel">QR Scanner</h5>
@@ -113,12 +113,12 @@ <h5 class="modal-title" id="qrReaderModalLabel">QR Scanner</h5>
 
         <!-- // Wallet Breakdown -->
         <div class="modal fade" id="walletBreakdownModal" tabindex="-1" aria-labelledby="walletBreakdownModalLabel" role="dialog" aria-hidden="true">
-          <div class="modal-dialog" role="document">
+          <div class="modal-dialog modal-dialog-centered" role="document">
             <div class="modal-content exportKeysModalColor">
               <div class="modal-header">
                 <h5 class="modal-title" id="walletBreakdownModalLabel">Wallet Breakdown</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                  <span aria-hidden="true">&times;</span>
+                  <i class="fa-solid fa-xmark closeCross"></i>
                 </button>
               </div>
               <div class="modal-body center-text">
@@ -131,7 +131,7 @@ <h5 class="modal-title" id="walletBreakdownModalLabel">Wallet Breakdown</h5>
         <br />
         <!-- // MNEMONIC MODAL -->
         <div class="modal fade" id="mnemonicModal" tabindex="-1" role="dialog" aria-labelledby="qrModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
-          <div class="modal-dialog" role="document">
+          <div class="modal-dialog modal-dialog-centered" role="document">
             <div class="modal-content">
               <div class="modal-body center-text">
                 <p id="ModalMnemonicLabel" class="modal-label"></p>
@@ -258,7 +258,7 @@ <h3 class="pivx-bold-title-smaller">
                   </div>
 
                   <div class="modal fade" id="encryptWalletModal" tabindex="-1" role="dialog" aria-labelledby="encryptWalletLabel" aria-hidden="true">
-                    <div class="modal-dialog" role="document">
+                    <div class="modal-dialog modal-dialog-centered" role="document">
                       <div class="modal-content exportKeysModalColor">
                         <div class="modal-header">
                           <h5 class="modal-title" id="encryptWalletLabel">Encrypt wallet</h5>
@@ -508,7 +508,7 @@ <h3 class="noselect balance-title">
 
                     <!-- Export Private Key Modal -->
                     <div class="modal fade" id="exportPrivateKeysModal" tabindex="-1" role="dialog" aria-labelledby="exportPrivateKeysLabel" aria-hidden="true">
-                      <div class="modal-dialog modal-full" role="document">
+                      <div class="modal-dialog modal-dialog-centered modal-full" role="document">
                         <div class="modal-content exportKeysModalColor">
                           <div class="modal-header">
                             <h5 class="modal-title" id="exportPrivateKeysLabel">Private Key</h5>