IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

icon in one row - fix

Browse Source
This commit is contained in:
ogerly 2021-10-14 17:20:02 +02:00
parent ab684c22b8
commit 5db8afde1a
1 changed files with 73 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
View File

@ -19,57 +19,83 @@
</div> </div>
<div> <div>
<b-row>
<!-- ICON --> <!-- ICON -->
<div class="col-1 gdd-transaction-list-item-icon"> <b-col cols="1">
<div class="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>
</b-col>
<div> <b-col cols="11">
<!-- Betrag / Name Email --> <!-- Betrag / Name Email -->
<b-row> <b-row>
<div class="col-5 text-right"> <b-col cols="5">
<div class="text-right">
<span class="gdd-transaction-list-item-operator"> <span class="gdd-transaction-list-item-operator">
{{ getProperties(type).operator }} {{ getProperties(type).operator }}
</span> </span>
<span class="gdd-transaction-list-item-amount">{{ $n(balance, 'decimal') }}</span> <span class="gdd-transaction-list-item-amount">
{{ $n(balance, 'decimal') }}
</span>
</div> </div>
<div class="col-7 gdd-transaction-list-item-name"> </b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-name">
{{ type !== 'decay' ? name : $t('decay.decay_since_last_transaction') }} {{ type !== 'decay' ? name : $t('decay.decay_since_last_transaction') }}
</div> </div>
</b-col>
</b-row> </b-row>
<!-- Nachricht --> <!-- Nachricht -->
<b-row v-if="type !== 'decay'"> <b-row v-if="type !== 'decay'">
<div class="col-5 text-right">{{ $t('form.memo') }}</div> <b-col cols="5">
<div class="col-7 gdd-transaction-list-message">{{ memo }}</div> <div class="text-right">{{ $t('form.memo') }}</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-message">{{ memo }}</div>
</b-col>
</b-row> </b-row>
<!-- Datum --> <!-- Datum -->
<b-row v-if="type !== 'decay'"> <b-row v-if="type !== 'decay'">
<div class="col-5 text-right">{{ $t('form.date') }}</div> <b-col cols="5">
<div class="col-7 gdd-transaction-list-item-date"> <div class="text-right">{{ $t('form.date') }}</div>
</b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-date">
{{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }} {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
</div> </div>
</b-col>
</b-row> </b-row>
<!-- Decay --> <!-- Decay -->
<b-row v-if="decay && !decay.decayStartBlock"> <b-row v-if="decay && !decay.decayStartBlock">
<div class="col-5 text-right"> <b-col cols="5">
<div class="text-right">
<b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-1" /> <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-1" />
</div> </div>
<div class="col-7 gdd-transaction-list-item-decay"> </b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<decay-information v-if="decay" decaytyp="short" :decay="decay" /> <decay-information v-if="decay" decaytyp="short" :decay="decay" />
</div> </div>
</b-col>
</b-row> </b-row>
<b-row v-if="decay && decay.decayStartBlock"> <b-row v-if="decay && decay.decayStartBlock">
<div class="col-5 text-right"> <b-col cols="5">
<div class="text-right">
<b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-1" /> <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-1" />
</div> </div>
<div class="col-7 gdd-transaction-list-item-decay"> </b-col>
<b-col cols="7">
<div class="gdd-transaction-list-item-decay">
<b>{{ $t('decay.Starting_block_decay') }}</b> <b>{{ $t('decay.Starting_block_decay') }}</b>
</div> </div>
</b-col>
</b-row>
</b-col>
</b-row> </b-row>
</div>
</div> </div>
<!-- Collaps Start --> <!-- Collaps Start -->