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" /> <sidebar class="main-sidebar" :elopageUri="elopageUri" @admin="admin" @logout="logout" />
</div> </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"> <div class="main-content">
<fade-transition :duration="200" origin="center top" mode="out-in"> <fade-transition :duration="200" origin="center top" mode="out-in">
<router-view <router-view

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

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

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

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

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

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