Merge pull request #834 from liquality/fix-swap-fee-selected

fix: fixed default fee and swap provider types modal height

Author: beemi

src/components/Modal.vue

@@ -96,6 +96,8 @@ export default {
   border: 1px solid #d9dfe5;
   box-sizing: border-box;
   box-shadow: 2px 4px 4px rgba(46, 44, 44, 0.25);
+  overflow: auto;
+  max-height: 530px;
 
   .modal-body {
     padding: 5px 20px 0 20px;

src/views/Swap/Swap.vue

@@ -648,13 +648,13 @@ export default {
         }
       }
     }
-
+    
     if (this.toAccountId && _toAsset) {
       this.toAssetChanged(this.toAccountId, _toAsset)
       this.toAsset = _toAsset
       this.updateFees({ asset: _toAsset })
       this.selectedFee = {
-        [this.assetChain]: this.selectedFromFree,
+        [this.assetChain]: this.selectedFromFee,
         [this.toAssetChain]: this.selectedToFee
       }
     }

src/views/Swap/SwapProvidersInfoModal.vue

@@ -1,5 +1,5 @@
 <template>
-  <Modal @close="$emit('close')">
+  <Modal @close="$emit('close')" :close-outside="true">
     <template #header>
       <h5 id="learn_about_swaps_types_header">Learn about swap providers</h5>
     </template>
@@ -20,7 +20,7 @@
         </div>
         <div
           v-for="provider in providers"
-          :key="provider"
+          :key="provider.id"
           class="swap-providers-info_list border-bottom mb-4"
         >
           <SwapProviderLabel :network="activeNetwork" :provider="provider.id" class="mb-2" />