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

Merge pull request #1425 from gradido/1389-TransactionsTabs-are-not-well-designed

Browse Source 
1389 transactions tabs are not well designed
This commit is contained in:
Alexander Friedland 2022-02-08 15:31:59 +01:00 committed by GitHub
commit e12fb6c3da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/Layout/DashboardLayout_gdd.vue
View File

@ -15,7 +15,7 @@
<sidebar class="main-sidebar" :elopageUri="elopageUri" @admin="admin" @logout="logout" />
</div>
<div class="main-page ml-2 mr-2" style="width: 100%" @click="visible = false">
<div class="main-page" style="width: 100%" @click="visible = false">
<div class="main-content">
<fade-transition :duration="200" origin="center top" mode="out-in">
<router-view

2
frontend/src/views/Pages/SendOverview.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<b-container>
<gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3">
<gdd-send :currentTransactionStep="currentTransactionStep" class="pt-3 ml-2 mr-2">
<template #transaction-form>
<transaction-form :balance="balance" @set-transaction="setTransaction"></transaction-form>
</template>

2
frontend/src/views/Pages/UserProfileOverview.vue
View File

@ -1,5 +1,5 @@
<template>
<div fluid="sm">
<div fluid="sm" class="mr-2">
<user-card :balance="balance" :transactionCount="transactionCount"></user-card>
<form-user-data />
<hr />

19
frontend/src/views/Pages/UserProfileTransactionList.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="pb-4">
<b-tabs content-class="mt-3 pt-4 pb-4" justified>
<b-tabs content-class="" justified>
<b-tab :title="'Gradido (' + $n(balance, 'decimal') + ' GDD)'" class="px-4">
<p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
@ -53,17 +53,20 @@ export default {
</script>
<style>
.nav-tabs > li > a {
/* adjust padding for height*/
padding-top: 14px;
padding-bottom: 14px;
margin-bottom: 14px;
}
.nav-tabs > li.active {
background-color: aquamarine;
font-size: larger;
.nav-tabs .nav-link {
background-color: rgba(204, 204, 204, 0.185);
}
.nav-tabs .nav-link.active {
background-color: rgb(248 249 254);
}
.nav-tabs > li > a {
outline: none !important;
.tab-content {
padding-top: 25px;
border-left: 1px inset rgba(28, 110, 164, 0.1);
border-right: 1px inset rgba(28, 110, 164, 0.1);
}
</style>