fix stake today card (#1339)

AstarNetwork · Jun 24, 2024 · e8a8d00 · e8a8d00
1 parent 65bb2f7
commit e8a8d00
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
@@ -798,7 +798,7 @@ export default {
     votingOpenText:
       'Experience dApp Staking, the unique staking mechanism exclusive to Astar, where communities can back their favorite teams by staking ASTR tokens and earn substantial rewards.',
     stakeToday: 'Stake today, be entitled to big bonus!',
-    stakeTodayFormatted: 'Stake today,<br/>be entitled to<br/>bonus!',
+    stakeTodayFormatted: 'Stake today,\nbe entitled to\nbonus!',
     voteText: 'I would like to vote my tokens with',
     transferText: 'I would like to move my funds from',
     stakeVoteOn: 'And vote/stake on',

diff --git a/src/staking-v3/components/VotingPeriodSideAdd.vue b/src/staking-v3/components/VotingPeriodSideAdd.vue
@@ -7,8 +7,9 @@
     </div>
     <div>
       <button :disabled="isZkEvm" class="button--vote-stake" @click="navigateToVote()">
-        <!-- eslint-disable-next-line vue/no-v-html -->
-        <span v-html="$t('stakingV3.stakeTodayFormatted')"></span>
+        <span class="card--stake-today">
+          {{ $t('stakingV3.stakeTodayFormatted') }}
+        </span>
         <vote-stake-button-bg />
       </button>
     </div>
@@ -102,4 +103,9 @@ export default defineComponent({
     }
   }
 }
+
+.card--stake-today {
+  white-space: pre;
+  min-height: 100%;
+}
 </style>