Commit 425fa9b9 authored by gj4210's avatar gj4210 👁
Browse files

FIX: TransactionList aesthetics

including shadows :p
parent d3d2b963
Pipeline #91381 passed with stages
in 8 minutes and 7 seconds
......@@ -9,7 +9,7 @@
<Footer/>
</div>
</div>
<b-card id="sidebar-wrapper" :class="show_sidebar ? 'hide' : null">
<b-card id="sidebar-wrapper" no-body :class="show_sidebar ? 'hide' : null">
<Sidebar/>
</b-card>
</div>
......
<template>
<div class="copy-field">
<b-input-group class="mb-2">
<b-input-group class="shadow">
<b-form-textarea v-if="multiline" rows="10" :id="'text-input' + id" ref="textInput" v-model="text"
readonly :class="`border-${variant} text-${variant} invisible-scrollbar`"/>
<b-form-input v-else :id="'text-input' + id" ref="textInput" v-model="text" readonly/>
......
<template>
<div class="transaction-list invisible-scrollbar">
<div class="transaction-list invisible-scrollbar p-3">
<b-button-toolbar justify>
<b-button-group class="mx-auto">
<b-button-group class="mx-auto shadow">
<b-button-group v-b-tooltip.hover title="Rückgängig machen">
<b-button :disabled="!canUndo" @click="undo">
<font-awesome-icon icon="undo"></font-awesome-icon>
......@@ -70,17 +70,17 @@
</b-card>
</Draggable>
<hr/>
<b-button-group class="d-flex mb-3">
<b-button-group class="d-flex mb-3 shadow">
<b-button :disabled="$store.state.ta_list == null || $store.state.ta_list.length === 0"
@click="$store.commit('emptyTransactionList')" variant="outline-danger">
<font-awesome-icon :icon="['far', 'trash-alt']"></font-awesome-icon>
Liste löschen
</b-button>
<b-button :disabled="$store.state.ta_list == null || $store.state.ta_list.length === 0"
variant="outline-primary" @click="$store.commit('testTransaction')">Testen
variant="primary" @click="$store.commit('testTransaction')">Testen
</b-button>
<b-button :disabled="$store.state.ta_list == null || $store.state.ta_list.length === 0"
variant="outline-success" @click="$store.commit('executeTransaction')">
variant="success" @click="$store.commit('executeTransaction')">
<font-awesome-icon :icon="['far', 'paper-plane']"></font-awesome-icon>
Anwenden
</b-button>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment