feat: Apply border-radius to apps (Wallet) - MEED-2680 - Meeds-io/MIP…

…s#81 (#432) This PR adds the new brandable border radius to all the wallet apps
Meeds-io · Nov 9, 2023 · 91420b7 · 91420b7
1 parent 88449d4
commit 91420b7
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 8 deletions.
diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-admin/components/admin/WalletAdminApp.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-admin/components/admin/WalletAdminApp.vue
@@ -25,7 +25,8 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
         <v-app class="mb-4 application-toolbar">
           <v-tabs
             v-model="selectedTab"
-            slider-size="4">
+            slider-size="4"
+            class="card-border-radius overflow-hidden">
             <v-tab
               key="wallets"
               href="#wallets">
@@ -37,7 +38,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
               {{ $t('exoplatform.wallet.title.initialFundsTab') }}
             </v-tab>
           </v-tabs>
-          <v-tabs-items v-model="selectedTab" class="tabs-content">
+          <v-tabs-items v-model="selectedTab" class="tabs-content card-border-radius overflow-hidden">
             <v-tab-item
               id="wallets"
               value="wallets"

diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-app/components/WalletApp.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-app/components/WalletApp.vue
@@ -26,10 +26,11 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
           <v-app class="mb-4 application-toolbar">
             <v-tabs
               v-model="tab"
-              slider-size="4">
+              slider-size="4"
+              class="card-border-radius overflow-hidden">
               <v-tab>{{ tabName }}</v-tab>
             </v-tabs>
-            <v-tabs-items v-model="tab" class="tabs-content">
+            <v-tabs-items v-model="tab" class="tabs-content card-border-radius overflow-hidden">
               <v-tab-item eager>
                 <v-flex>
                   <v-layout

diff --git a/...bapps/src/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettings.vue b/...bapps/src/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettings.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app>
+  <v-app class="card-border-radius overflow-hidden">
     <wallet-settings-details
       v-if="displayDetails"
       :wallet-settings="walletSettings"
@@ -11,7 +11,7 @@
     <v-card
       v-else-if="displayed"
       :class="walletSettingsClass"
-      class="border-radius"
+      class="card-border-radius"
       flat>
       <v-list>
         <v-list-item>

diff --git a/...rc/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettingsDetails.vue b/...rc/main/webapp/vue-app/wallet-common/wallet-settings/components/WalletSettingsDetails.vue
@@ -1,7 +1,7 @@
 <template>
   <v-card
     v-if="displayed"
-    class="walletSetting"
+    class="walletSetting card-border-radius"
     flat>
     <template v-if="!hideContent">
       <v-card-title class="px-0 pt-2">

diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-reward/components/RewardApp.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-reward/components/RewardApp.vue
@@ -72,6 +72,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 
           <v-tabs
             v-model="selectedTab"
+            class="card-border-radius overflow-hidden"
             slider-size="4">
             <v-tab key="SendRewards" href="#SendRewards">
               {{ $t('exoplatform.wallet.title.sendRewardsTab') }}
@@ -84,7 +85,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
             </v-tab>
           </v-tabs>
 
-          <v-tabs-items v-model="selectedTab" class="tabs-content">
+          <v-tabs-items v-model="selectedTab" class="tabs-content card-border-radius overflow-hidden">
             <v-tab-item
               id="SendRewards"
               value="SendRewards"