From 583bc8d0c390ab59b06a1b43efe605e0362f0f59 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 18 May 2022 16:50:08 +0200
Subject: [PATCH] Fix onboarding logo styling and replace missing variables

---
 client/src/pages/license-activation.vue | 6 +++---
 client/src/pages/onboarding.vue         | 2 +-
 client/src/pages/onboarding/start.vue   | 2 +-
 client/src/pages/start.vue              | 8 ++++----
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/license-activation.vue b/client/src/pages/license-activation.vue
index e55cfa87..84e0abcf 100644
--- a/client/src/pages/license-activation.vue
+++ b/client/src/pages/license-activation.vue
@@ -50,13 +50,13 @@
           <a
             :href="teacherEditionUrl"
             class="hep-link"
-          >{{ flavorPageTitle }} für Lehrpersonen</a>
+          >{{ $flavor.textAppName }} für Lehrpersonen</a>
         </li>
         <li class="license-links__item">
           <a
             :href="studentEditionUrl"
             class="hep-link"
-          >{{ flavorPageTitle }} für Lernende</a>
+          >{{ $flavor.textAppName }} für Lernende</a>
         </li>
       </ul>
     </section>
@@ -68,7 +68,7 @@
   import REDEEM_COUPON from '@/graphql/gql/mutations/redeemCoupon.gql';
   import ME_QUERY from '@/graphql/gql/queries/meQuery.gql';
   import LoadingButton from '@/components/LoadingButton';
-  import { ValidationObserver } from 'vee-validate';
+  import {ValidationObserver} from 'vee-validate';
 
   import me from '@/mixins/me';
   import logout from '@/mixins/logout';
diff --git a/client/src/pages/onboarding.vue b/client/src/pages/onboarding.vue
index f6744577..8945f4d8 100644
--- a/client/src/pages/onboarding.vue
+++ b/client/src/pages/onboarding.vue
@@ -114,7 +114,7 @@
     }
 
     &__logo {
-      width: 300px;
+      max-width: 300px;
       height: 50px;
       margin-bottom: $large-spacing;
 
diff --git a/client/src/pages/onboarding/start.vue b/client/src/pages/onboarding/start.vue
index 628543a8..971b4026 100644
--- a/client/src/pages/onboarding/start.vue
+++ b/client/src/pages/onboarding/start.vue
@@ -6,7 +6,7 @@
     </h1>
 
     <p class="onboarding__claim">
-      Schauen Sie sich die Einführung an und lernen Sie {{ flavorPageTitle }} kennen.
+      Schauen Sie sich die Einführung an und lernen Sie {{ $flavor.textAppName }} kennen.
     </p>
   </div>
 </template>
diff --git a/client/src/pages/start.vue b/client/src/pages/start.vue
index a4603e8b..ebf7ba8e 100644
--- a/client/src/pages/start.vue
+++ b/client/src/pages/start.vue
@@ -63,10 +63,10 @@
 
       <div class="start-page__onboarding">
         <h2 class="start-page__heading">
-          Kennen Sie schon alle Bereiche von {{ flavorPageTitle }}?
+          Kennen Sie schon alle Bereiche von {{ $flavor.textAppName }}?
         </h2>
         <p class="start-page__paragraph">
-          Schauen Sie sich jetzt die Einführung zu {{ flavorPageTitle }} an.
+          Schauen Sie sich jetzt die Einführung zu {{ $flavor.textAppName }} an.
         </p>
         <router-link
           :to="{name: 'onboarding-start'}"
@@ -91,7 +91,7 @@
 
     components: {
       NewsTeaser,
-      ModuleTeaser
+      ModuleTeaser,
     },
 
     computed: {
@@ -109,7 +109,7 @@
       },
       teasers() {
         return this.newsTeasers.slice(0, 2);
-      }
+      },
     },
 
   };