fix: mobile size in widget.js

mfactory-lab · May 6, 2022 · 76abe14 · 76abe14
1 parent 5dd3a01
commit 76abe14
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/public/js/widget.min.js b/public/js/widget.min.js
diff --git a/src/assets/scss/components/_staking.scss b/src/assets/scss/components/_staking.scss
@@ -47,6 +47,7 @@
   &__title {
     font-size: 13px;
     @media (max-width: 443px) {
+      height: 23px;
       order: 2;
       width: 100%;
     }

diff --git a/src/components/staking/stake/StakeBox.vue b/src/components/staking/stake/StakeBox.vue
@@ -30,8 +30,8 @@
   <q-card class="stake-box shadow-sm q-px-none q-py-sm">
     <q-card-section class="stake-box__top-section">
       <div class="row justify-between items-center q-mb-xs">
-        <div class="column">
-          <div class="stake-box__title q-mt-sm"> Balance: {{ availableSol }} SOL </div>
+        <div class="stake-box__title q-mt-sm column">
+          <div> Balance: {{ availableSol }} SOL </div>
           <div
             v-if="connected && Number(stake.from) > Number(availableSol)"
             class="stake-box__warning col-auto"

diff --git a/src/widget.js b/src/widget.js
@@ -3,7 +3,7 @@ window.onload = function () {
   const stakingKiwiWidthDesk = '470px';
   const stakingKiwiHeightDesk = '302px';
   const stakingKiwiWidthMob = `${stakingKiwiWidthMobNum}px`;
-  const stakingKiwiHeightMob = '466px';
+  const stakingKiwiHeightMob = '487px';
   let stakingKiwiIframeHeight = stakingKiwiHeightDesk;
   let stakingKiwiIframeWidth = stakingKiwiWidthDesk;
   const stakingKiwiOnResize = function () {