feat: Apply Application Background Color Class - MEED-7042 - Meeds-io…

…/MIPs#143
Meeds-io · Jun 12, 2024 · 1cd194a · 1cd194a
1 parent 04d4aad
commit 1cd194a
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 9 deletions.
diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-admin/components/WalletAdminApp.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-admin/components/WalletAdminApp.vue
@@ -21,7 +21,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     class="VuetifyApp"
     flat>
     <v-main>
-      <v-flex class="white text-center application-border-radius pa-5" flat>
+      <v-flex class="text-center application-border-radius app-background-color pa-5" flat>
         <div v-if="error && !loading" class="alert alert-error v-content">
           <i class="uiIconError"></i>{{ error }}
         </div>

diff --git a/wallet-webapps/src/main/webapp/vue-app/wallet-common/components/WalletPasswordManagement.vue b/wallet-webapps/src/main/webapp/vue-app/wallet-common/components/WalletPasswordManagement.vue
@@ -18,7 +18,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
   <v-app>
     <template v-if="displayed">
       <v-card
-        class="walletManagePassword"
+        class="walletManagePassword app-background-color"
         flat>
         <v-card-title class="px-0">
           <div class="d-flex flex-row border-box-sizing">

diff --git a/...bapps/src/main/webapp/vue-app/wallet-common/wallet-overview/components/WalletOverview.vue b/...bapps/src/main/webapp/vue-app/wallet-common/wallet-overview/components/WalletOverview.vue
@@ -18,10 +18,9 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
   <v-app :class="owner && 'walletOverviewApplication' || 'walletOverviewApplicationOther'">
     <v-toolbar
       v-if="!isOverviewDisplay"
-      color="white"
       height="48"
       flat
-      class="border-box-sizing py-3">
+      class="border-box-sizing app-background-color py-3">
       <div class="text-header-title text-sub-title text-no-wrap">
         {{ title || '' }}
       </div>
@@ -37,7 +36,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     </v-toolbar>
     <div
       :class="clickable && 'clickable' || ''"
-      class="walletOverviewCard white"
+      class="walletOverviewCard app-background-color"
       flat
       @click="clickable && openDrawer()">
       <div

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 class="card-border-radius overflow-hidden">
+  <v-app class="card-border-radius app-background-color overflow-hidden">
     <wallet-settings-details
       v-if="displayDetails"
       :wallet-settings="walletSettings"
@@ -10,7 +10,7 @@
       @back="closeDetail" />
     <v-card
       v-else-if="displayed"
-      class="card-border-radius"
+      class="card-border-radius app-background-color"
       flat>
       <v-list>
         <v-list-item>

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
@@ -22,7 +22,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     flat>
     <main>
       <v-layout column>
-        <v-layout column class="application-toolbar">
+        <v-layout column class="application-toolbar app-background-color">
           <v-flex v-if="error && !loading" class="text-center">
             <div class="alert alert-error text-start">
               <i class="uiIconError"></i>{{ error }}
@@ -85,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 card-border-radius overflow-hidden">
+          <v-tabs-items v-model="selectedTab" class="tabs-content card-border-radius app-background-color overflow-hidden">
             <v-tab-item
               id="SendRewards"
               value="SendRewards"