diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss index abb491206..e72fbb1c4 100644 --- a/frontend/src/assets/scss/gradido.scss +++ b/frontend/src/assets/scss/gradido.scss @@ -52,6 +52,7 @@ // Bootstrap-vue (2.21.1) scss @import "~bootstrap-vue/src/index"; + .alert-success { color: #155724; background-color: #d4edda; @@ -94,6 +95,11 @@ border-color: #5e72e4; } +.gradido-font-large { + font-size: large; + height: auto !important; +} + a, .copyright { color: #5a7b02; @@ -201,10 +207,6 @@ a, background-color: #fff; } -.gradido-font-large { - font-size: large; -} - .gradido-font-15rem { font-size: 1.5rem; } diff --git a/frontend/src/components/ClipboardCopy.vue b/frontend/src/components/ClipboardCopy.vue new file mode 100644 index 000000000..8e4caa706 --- /dev/null +++ b/frontend/src/components/ClipboardCopy.vue @@ -0,0 +1,37 @@ + + + + + + + {{ $t('gdd_per_link.copy') }} + + + + + + diff --git a/frontend/src/components/GddSend/TransactionConfirmation.vue b/frontend/src/components/GddSend/TransactionConfirmation.vue index b3e873748..da454518d 100644 --- a/frontend/src/components/GddSend/TransactionConfirmation.vue +++ b/frontend/src/components/GddSend/TransactionConfirmation.vue @@ -1,14 +1,12 @@ - - {{ $t('gdd_per_link.header') }} + + {{ $t('gdd_per_link.header') }} - - Du versendest per Link: - {{ $n(amount, 'decimal') }} GDD - - + {{ amount | GDD }} + {{ memo }} + @@ -43,8 +41,8 @@ - - {{ $t('advanced-calculation') }} + + {{ $t('advanced-calculation') }} {{ $t('form.current_balance') }} {{ $n(balance, 'decimal') }} @@ -84,28 +82,6 @@ - - - {{ $t('gdd_per_link.header') }} - - - - - {{ $t('gdd_per_link.sentence_2') }} - - - - - {{ $t('gdd_per_link.sentence_3') }} - - - - - {{ $t('gdd_per_link.sentence_4') }} - - - - - {{ $t('gdd_per_link.sentence_5') }} - -
{{ $t('advanced-calculation') }}
- - - {{ $t('gdd_per_link.sentence_2') }} -
- - - {{ $t('gdd_per_link.sentence_3') }} -
- - - {{ $t('gdd_per_link.sentence_4') }} -
- {{ $t('gdd_per_link.sentence_5') }} -