Merge pull request #1958 from gradido/1956-redemption-link-is-not-displayed-in-the-mobile-version

fixed redeem link is mobile start false

frontend/src/assets/scss/gradido-template.scss

@@ -15,6 +15,14 @@ body {
   color: #0e79bc !important;
 }
 
+.text-gradido {
+  color: rgb(249 205 105 / 100%);
+}
+
+.gradient-gradido {
+  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
+}
+
 /* Navbar  */
 a,
 .navbar-light,
@@ -32,14 +40,6 @@ a:hover,
   color: rgb(35 121 188 / 90%);
 }
 
-.text-gradido {
-  color: rgb(249 205 105 / 100%);
-}
-
-.gradient-gradido {
-  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
-}
-
 /* Button */
 .btn {
   border-radius: 25px;

frontend/src/components/Auth/AuthMobileStart.vue

@@ -124,4 +124,10 @@ export default {
     min-width: 360px;
   }
 }
+
+@media screen and (max-height: 700px) {
+  .mobil-start-box #img3 {
+    top: -104px;
+  }
+}
 </style>

frontend/src/layouts/AuthLayout.vue

@@ -16,7 +16,11 @@
           <div class="h0 text-white">{{ $t('auth.left.gratitude') }}</div>
           <div class="h1 text-white">{{ $t('auth.left.newCurrency') }}</div>
           <div class="h2 text-white">{{ $t('auth.left.oneAnotherNature') }}</div>
-          <b-button variant="gradido">{{ $t('auth.left.learnMore') }}</b-button>
+          <b-link :href="`https://gradido.net/${$i18n.locale}`" target="_blank">
+            <b-button variant="gradido">
+              {{ $t('auth.left.learnMore') }}
+            </b-button>
+          </b-link>
         </div>
       </div>
       <b-row class="justify-content-md-center">

frontend/src/pages/TransactionLink.vue

@@ -143,6 +143,7 @@ export default {
   },
   created() {
     this.setTransactionLinkInformation()
+    this.$emit('set-mobile-start', false)
   },
 }
 </script>