feat: Change default font sizes - MEED-7147 - Meeds-io/MIPs#144 (#534)

This change will apply new font sizes: - Title: 20px, regularColor, Bold - Header: 18px, lowImportanceColor, Regular - Body: 16px, regularColor, Regular - Subtitle: 12px, lowImportanceColor, Regular
Meeds-io · Jun 28, 2024 · bdf838f · bdf838f
1 parent d432878
commit bdf838f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-app/components/wallet-app/SummaryButtons.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-app/components/wallet-app/SummaryButtons.vue
@@ -24,7 +24,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     <template slot="content">
       <div class="walletSummaryActions mx-4">
         <v-flex
-          class="walletSummaryAction">
+          class="walletSummaryAction mb-4">
           <wallet-reward-send-tokens-modal
             ref="sendTokensModal"
             :wallet="wallet"

diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-common/components/SendTokensForm.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-common/components/SendTokensForm.vue
@@ -53,20 +53,20 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
                 recipient = $event.address;
                 $emit('receiver-selected', $event);
               " />
-            <p class="amountLabel text-start mb-0 mt-2"> {{ $t('exoplatform.wallet.label.amount') }} </p>
             <v-text-field
               v-model.number="amount"
               ref="amount"
               :disabled="loading || transaction"
+              :label="$t('exoplatform.wallet.label.amount')"
               :placeholder="$t('exoplatform.wallet.label.amountPlaceholder')"
               type="number"
               name="amount"
               required
               validate-on-blur
-              class="mt-n4"
+              class="mt-4"
               @input="$emit('amount-selected', amount)" />
-            <p v-if="!storedPassword && isInternalWallet" class="amountLabel text-start mb-0 mt-2">{{ $t('exoplatform.wallet.label.walletPassword') }}</p>
-            <p v-else-if="!isInternalWallet" class="amountLabel text-start mb-0 mt-2">{{ $t('exoplatform.wallet.label.settings.internal') }}</p>
+            <p v-if="!storedPassword && isInternalWallet" class="text-start mb-0 mt-2">{{ $t('exoplatform.wallet.label.walletPassword') }}</p>
+            <p v-else-if="!isInternalWallet" class="text-start mb-0 mt-2">{{ $t('exoplatform.wallet.label.settings.internal') }}</p>
             <v-row class="pl-5" v-if="!isInternalWallet">
               <v-col
                 cols="12"

diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-setup-admin/components/WalletAdminSetup.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-setup-admin/components/WalletAdminSetup.vue
@@ -22,10 +22,10 @@
 <template>
   <v-app flat>
     <div class="px-6">
-      <v-list-item class="px-0" two-line>
+      <v-list-item class="px-0" two-line dense>
         <v-list-item-content>
-          <v-list-item-title>
-            <h4 class="my-0">{{ $t('wallet.administration.title') }}</h4>
+          <v-list-item-title class="text-title">
+            {{ $t('wallet.administration.title') }}
           </v-list-item-title>
           <v-list-item-subtitle>
             {{ $t('wallet.administration.subtitle') }}