Add info text to license activation page

This commit is contained in:
Ramon Wenger 2023-08-10 16:14:58 +02:00
parent 94b9b5f03b
commit bd077f1ad7
1 changed files with 12 additions and 1 deletions

View File

@ -11,7 +11,8 @@
novalidate novalidate
@submit="validateBeforeSubmit" @submit="validateBeforeSubmit"
> >
<h2>Geben Sie einen Coupon-Code ein</h2> <h2 class="license-activation__heading">Geben Sie einen Coupon-Code ein</h2>
<p class="license-activation__license-info info-header__text small-emph">Den Zugangscode zur Klasse erhalten Sie von Ihrer Lehrperson.</p>
<Field <Field
:rules="required" :rules="required"
name="coupon" name="coupon"
@ -170,6 +171,16 @@ export default defineComponent({
<style scoped lang="scss"> <style scoped lang="scss">
@import 'styles/helpers'; @import 'styles/helpers';
.license-activation {
&__heading {
margin-bottom: $small-spacing;
}
&__license-info {
margin-bottom: $medium-spacing;
}
}
.text-link { .text-link {
font-family: $sans-serif-font-family; font-family: $sans-serif-font-family;
color: $color-brand; color: $color-brand;