fix: Update the color (dark grey) in connectors admin - MEED-3067 - M…

…eeds-io/meeds#1430
Meeds-io · Dec 26, 2023 · 3878c3d · 3878c3d
1 parent 892844b
commit 3878c3d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/...ts/src/main/webapp/vue-app/connector-admin-settings/components/AdminConnectorCardList.vue b/...ts/src/main/webapp/vue-app/connector-admin-settings/components/AdminConnectorCardList.vue
@@ -16,7 +16,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 -->
 <template>
   <v-card v-if="enabledConnectors && enabledConnectors.length" flat>
-    <div class="dark-grey-color font-weight-bold icon-default-size py-2 py-sm-5 d-flex align-center">{{ $t('gamification.connectors.label.connectors') }}</div>
+    <div class="text-color font-weight-bold icon-default-size py-2 py-sm-5 d-flex align-center">{{ $t('gamification.connectors.label.connectors') }}</div>
     <v-card-text class="text-font-size pb-2 pt-0 pb-sm-5 px-0 d-flex align-center">{{ $t('gamification.connectors.label.valueContributions') }}</v-card-text>
     <v-card-text class="pa-0">
       <v-item-group>
@@ -34,7 +34,7 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
         </v-container>
       </v-item-group>
     </v-card-text>
-    <div class="font-weight-bold dark-grey-color text-subtitle-1 py-2 py-sm-5 d-flex align-center">{{ $t('gamification.connectors.label.comingSoon') }}</div>
+    <div class="text-color font-weight-bold text-subtitle-1 py-2 py-sm-5 d-flex align-center">{{ $t('gamification.connectors.label.comingSoon') }}</div>
     <v-card-text class="pa-0">
       <v-item-group>
         <v-container class="pa-0">

diff --git a/...lets/src/main/webapp/vue-app/connector-admin-settings/components/AdminConnectorDetail.vue b/...lets/src/main/webapp/vue-app/connector-admin-settings/components/AdminConnectorDetail.vue
@@ -19,18 +19,14 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
     <div class="py-2 py-sm-5 d-flex align-center">
       <v-tooltip :disabled="$root.isMobile" bottom>
         <template #activator="{ on }">
-          <v-card
-            class="d-flex align-center"
-            flat
+          <v-btn
+            class="ps-0"
+            outlined
             v-on="on"
             @click="backToConnectorList">
-            <v-btn
-              class="width-auto ms-n3"
-              icon>
-              <v-icon size="18" class="icon-default-color mx-2">fa-arrow-left</v-icon>
-            </v-btn>
-            <div class="text-color text-header-title">{{ $t('gamification.connectors.label.connectors') }}</div>
-          </v-card>
+            <v-icon size="18" class="text-color mx-2">fa-arrow-left</v-icon>
+            <span class="text-color font-weight-bold icon-default-size">{{ $t('gamification.connectors.label.connectors') }}</span>
+          </v-btn>
         </template>
         <span>{{ $t('gamification.connectors.details.BackToList') }}</span>
       </v-tooltip>