Make the account screen a bit nicer

This commit is contained in:
PapaTutuWawa 2025-05-11 22:53:10 +02:00
parent e7e671f4cd
commit 1957c0711c
3 changed files with 24 additions and 38 deletions

View File

@ -169,6 +169,8 @@ class AccountListPageState extends State<AccountListPage> {
),
),
Wrap(
children: [
Padding(
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
child: TotalBalanceCard(),
@ -178,8 +180,6 @@ class AccountListPageState extends State<AccountListPage> {
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 8),
child: UpcomingTransactionsCard(),
),
Wrap(
children: [
Padding(padding: EdgeInsets.all(8), child: BreakdownCard()),
],
),

View File

@ -4,6 +4,7 @@ import 'package:okane/database/collections/account.dart';
import 'package:okane/database/database.dart';
import 'package:okane/ui/state/core.dart';
import 'package:okane/ui/utils.dart';
import 'package:okane/ui/widgets/piechart_card.dart';
class TotalBalanceCard extends StatelessWidget {
const TotalBalanceCard({super.key});
@ -22,17 +23,11 @@ class TotalBalanceCard extends StatelessWidget {
Widget build(BuildContext context) {
return BlocBuilder<CoreCubit, CoreState>(
builder: (context, state) {
return Card(
return ResponsiveCard(
titleText: "Total Balance",
child: Padding(
padding: EdgeInsets.all(16),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
"Total balance",
style: Theme.of(context).textTheme.titleLarge,
),
FutureBuilder(
child: FutureBuilder(
future: _getTotalBalance(state.accounts),
builder: (context, snapshot) {
return Text(
@ -41,8 +36,6 @@ class TotalBalanceCard extends StatelessWidget {
);
},
),
],
),
),
);
},

View File

@ -7,6 +7,7 @@ import 'package:okane/database/database.dart';
import 'package:okane/ui/state/core.dart';
import 'package:okane/ui/utils.dart';
import 'package:okane/ui/widgets/add_transaction.dart';
import 'package:okane/ui/widgets/piechart_card.dart';
class UpcomingTransactionsCard extends StatelessWidget {
const UpcomingTransactionsCard({super.key});
@ -72,19 +73,11 @@ class UpcomingTransactionsCard extends StatelessWidget {
),
)
.toList();
return Card(
return ResponsiveCard(
titleText: "Upcoming Transactions",
child: Padding(
padding: const EdgeInsets.all(16),
child: Column(
children:
<Widget>[
Text(
"Upcoming Transactions",
style: Theme.of(context).textTheme.titleLarge,
),
] +
transactions,
),
child: Column(children: transactions),
),
);
},