alexis/ynab_lite
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

nouvelle transaction: fond dynamique vert/rouge + titre gras centré

Browse source
This commit is contained in:
alexis 2026-07-12 01:09:30 +02:00
parent bb3d4ebe2a
commit d140548e5f
2 changed files with 89 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
lib/app.dart
View file

@ -60,19 +60,43 @@ class _YnabAppState extends ConsumerState<YnabApp> {
DateTime date = DateTime.now(); DateTime date = DateTime.now();
bool isExpense = true; bool isExpense = true;
final colorScheme = Theme.of(context).colorScheme;
await showModalBottomSheet( await showModalBottomSheet(
context: context, context: context,
isScrollControlled: true, isScrollControlled: true,
useSafeArea: true, useSafeArea: true,
backgroundColor: Colors.transparent,
builder: (ctx) => StatefulBuilder( builder: (ctx) => StatefulBuilder(
builder: (context, setSheetState) => Padding( builder: (context, setSheetState) => Container(
decoration: BoxDecoration(
color: isExpense ? colorScheme.errorContainer : colorScheme.primaryContainer,
borderRadius: const BorderRadius.vertical(top: Radius.circular(20)),
),
child: Padding(
padding: EdgeInsets.fromLTRB(24, 0, 24, MediaQuery.of(context).viewInsets.bottom + 24), padding: EdgeInsets.fromLTRB(24, 0, 24, MediaQuery.of(context).viewInsets.bottom + 24),
child: Column( child: Column(
mainAxisSize: MainAxisSize.min, mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch, crossAxisAlignment: CrossAxisAlignment.stretch,
children: [ children: [
const SizedBox(height: 8), const SizedBox(height: 12),
Text('Nouvelle transaction', style: Theme.of(context).textTheme.titleLarge), Center(
child: Container(
width: 32,
height: 4,
decoration: BoxDecoration(
color: colorScheme.onSurfaceVariant.withAlpha(80),
borderRadius: BorderRadius.circular(2),
),
),
),
const SizedBox(height: 16),
Text(
'Nouvelle transaction',
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.titleLarge?.copyWith(
fontWeight: FontWeight.bold,
),
),
const SizedBox(height: 20), const SizedBox(height: 20),
TextField( TextField(
controller: payeeCtrl, controller: payeeCtrl,
@ -127,13 +151,15 @@ class _YnabAppState extends ConsumerState<YnabApp> {
}, },
child: const Text('Ajouter'), child: const Text('Ajouter'),
), ),
const SizedBox(height: 8),
], ],
), ),
), ),
), ),
),
); );
}
}
void _toggleSearch() { void _toggleSearch() {
setState(() { setState(() {
_searchActive = !_searchActive; _searchActive = !_searchActive;

1
lib/theme/app_theme.dart
View file

@ -109,7 +109,6 @@ final ThemeData ynabTheme = ThemeData(
), ),
bottomSheetTheme: const BottomSheetThemeData( bottomSheetTheme: const BottomSheetThemeData(
backgroundColor: kSurfaceCard, backgroundColor: kSurfaceCard,
showDragHandle: true,
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(top: Radius.circular(20)), borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
), ),