fix bug col to cols on <b-col>

This commit is contained in:
ogerly 2021-09-24 14:24:18 +02:00
parent 4a3588315e
commit 7164b53407
3 changed files with 112 additions and 118 deletions

View File

@ -1,17 +1,15 @@
<template> <template>
<div> <div class="decayinformation">
<span v-if="decaytyp === 'short'"> <span v-if="decaytyp === 'short'">
<div v-if="decay.balance > 0"> <span v-if="decay.balance > 0">
{{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }} {{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }}
</div> </span>
<div v-else> <span v-else>
{{ $t('decay.noDecay') }} {{ $t('decay.noDecay') }}
</div> </span>
</span> </span>
<div v-if="decaytyp === 'new'"> <div v-if="decaytyp === 'new'">
<b-list-group style="border: 0px">
<b-list-group-item style="border: 0px; background-color: #f1f1f1">
<div class="d-flex" v-if="!decay.decayStartBlock"> <div class="d-flex" v-if="!decay.decayStartBlock">
<div style="width: 100%" class="text-center pb-3"> <div style="width: 100%" class="text-center pb-3">
<b-icon icon="droplet-half" height="12" class="mb-2" /> <b-icon icon="droplet-half" height="12" class="mb-2" />
@ -20,10 +18,10 @@
</div> </div>
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div v-if="!decay.decayStartBlock">{{ $t('decay.last_transaction') }}</div> <div v-if="!decay.decayStartBlock">{{ $t('decay.last_transaction') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div v-if="decay.decayStartBlock > 0"> <div v-if="decay.decayStartBlock > 0">
<div class="display-4">{{ $t('decay.Starting_block_decay') }}</div> <div class="display-4">{{ $t('decay.Starting_block_decay') }}</div>
<div> <div>
@ -40,16 +38,14 @@
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div v-if="!decay.decayStartBlock">{{ $t('decay.past_time') }}</div> <div v-if="!decay.decayStartBlock">{{ $t('decay.past_time') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div v-if="decay.decayStartBlock > 0">{{ $t('decay.since_introduction') }}</div> <div v-if="decay.decayStartBlock > 0">{{ $t('decay.since_introduction') }}</div>
<span v-if="duration"> <span v-if="duration">
<span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span> <span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span>
<span v-if="duration.months > 0"> <span v-if="duration.months > 0">{{ duration.months }} {{ $t('decay.months') }},</span>
{{ duration.months }} {{ $t('decay.months') }},
</span>
<span v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</span> <span v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</span>
<span v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</span> <span v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</span>
<span v-if="duration.minutes > 0"> <span v-if="duration.minutes > 0">
@ -65,10 +61,10 @@
<div v-if="decay.balance > 0"> <div v-if="decay.balance > 0">
<!-- Decay--> <!-- Decay-->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div>{{ $t('decay.decay') }}</div> <div>{{ $t('decay.decay') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div>- {{ decay.balance }}</div> <div>- {{ decay.balance }}</div>
</b-col> </b-col>
</b-row> </b-row>
@ -80,30 +76,30 @@
</b-row> </b-row>
<!-- Type--> <!-- Type-->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div v-if="type === 'send'">{{ $t('decay.sent') }}</div> <div v-if="type === 'send'">{{ $t('decay.sent') }}</div>
<div v-if="type === 'receive'">{{ $t('decay.received') }}</div> <div v-if="type === 'receive'">{{ $t('decay.received') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div v-if="type === 'send'">- {{ balance }}</div> <div v-if="type === 'send'">- {{ balance }}</div>
<div v-if="type === 'receive'">+ {{ balance }}</div> <div v-if="type === 'receive'">+ {{ balance }}</div>
</b-col> </b-col>
</b-row> </b-row>
<!-- Decay--> <!-- Decay-->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div>{{ $t('decay.decay') }}</div> <div>{{ $t('decay.decay') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div>- {{ decay.balance }}</div> <div>- {{ decay.balance }}</div>
</b-col> </b-col>
</b-row> </b-row>
<!-- Total--> <!-- Total-->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
<div>{{ $t('decay.total') }}</div> <div>{{ $t('decay.total') }}</div>
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
<div v-if="type === 'send'"> <div v-if="type === 'send'">
<b>- {{ parseInt(balance) + decay.balance }}</b> <b>- {{ parseInt(balance) + decay.balance }}</b>
</div> </div>
@ -113,8 +109,6 @@
</b-col> </b-col>
</b-row> </b-row>
</div> </div>
</b-list-group-item>
</b-list-group>
</div> </div>
</div> </div>
</template> </template>

View File

@ -19,40 +19,40 @@
<!-- type --> <!-- type -->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
{{ getLinesByType(gdtEntryType).description }} {{ getLinesByType(gdtEntryType).description }}
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
{{ getLinesByType(gdtEntryType).descriptiontext }} {{ getLinesByType(gdtEntryType).descriptiontext }}
</b-col> </b-col>
</b-row> </b-row>
<!-- credit --> <!-- credit -->
<b-row> <b-row>
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
{{ $t('gdt.credit') }} {{ $t('gdt.credit') }}
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
{{ getLinesByType(gdtEntryType).credittext }} {{ getLinesByType(gdtEntryType).credittext }}
</b-col> </b-col>
</b-row> </b-row>
<!-- Message--> <!-- Message-->
<b-row v-if="comment && gdtEntryType !== 7"> <b-row v-if="comment && gdtEntryType !== 7">
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
{{ $t('form.memo') }} {{ $t('form.memo') }}
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
{{ comment }} {{ comment }}
</b-col> </b-col>
</b-row> </b-row>
<!-- date--> <!-- date-->
<b-row class="gdt-list-row text-header"> <b-row class="gdt-list-row text-header">
<b-col col="6" class="text-right"> <b-col cols="6" class="text-right">
{{ $t('form.date') }} {{ $t('form.date') }}
</b-col> </b-col>
<b-col col="6"> <b-col cols="6">
{{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }} {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
</b-col> </b-col>
</b-row> </b-row>

View File

@ -18,13 +18,13 @@
</b-button> </b-button>
</div> </div>
<b-row> <div>
<!-- ICON --> <!-- ICON -->
<div class="col-1 gdd-transaction-list-item-icon"> <div class="col-1 gdd-transaction-list-item-icon">
<b-icon :icon="getProperties(type).icon" :class="getProperties(type).class" /> <b-icon :icon="getProperties(type).icon" :class="getProperties(type).class" />
</div> </div>
<div class="col col-11"> <div>
<!-- Betrag / Name Email --> <!-- Betrag / Name Email -->
<b-row> <b-row>
<div class="col-5 text-right"> <div class="col-5 text-right">
@ -70,7 +70,7 @@
</div> </div>
</b-row> </b-row>
</div> </div>
</b-row> </div>
<!-- Collaps Start --> <!-- Collaps Start -->