Implement desktop client layout

This commit is contained in:
Hillel Coren 2022-05-31 11:09:24 +03:00
parent 298d4d2b34
commit 966247ae1a
1 changed files with 35 additions and 12 deletions

View File

@ -1,5 +1,6 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart'; import 'package:flutter_redux/flutter_redux.dart';
import 'package:invoiceninja_flutter/constants.dart';
import 'package:invoiceninja_flutter/data/models/client_model.dart'; import 'package:invoiceninja_flutter/data/models/client_model.dart';
import 'package:invoiceninja_flutter/redux/app/app_state.dart'; import 'package:invoiceninja_flutter/redux/app/app_state.dart';
import 'package:invoiceninja_flutter/ui/app/form_card.dart'; import 'package:invoiceninja_flutter/ui/app/form_card.dart';
@ -23,6 +24,11 @@ class ClientViewFullwidth extends StatelessWidget {
child: FormCard( child: FormCard(
isLast: true, isLast: true,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
padding: const EdgeInsets.only(
top: kMobileDialogPadding,
right: kMobileDialogPadding / 2,
bottom: kMobileDialogPadding,
left: kMobileDialogPadding),
children: [ children: [
Text( Text(
localization.details, localization.details,
@ -37,6 +43,11 @@ class ClientViewFullwidth extends StatelessWidget {
child: FormCard( child: FormCard(
isLast: true, isLast: true,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
padding: const EdgeInsets.only(
top: kMobileDialogPadding,
right: kMobileDialogPadding / 2,
bottom: kMobileDialogPadding,
left: kMobileDialogPadding / 2),
children: [ children: [
Text( Text(
localization.address, localization.address,
@ -48,6 +59,12 @@ class ClientViewFullwidth extends StatelessWidget {
child: FormCard( child: FormCard(
isLast: true, isLast: true,
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
padding: EdgeInsets.only(
top: kMobileDialogPadding,
right: kMobileDialogPadding /
(state.prefState.isPreviewVisible ? 1 : 2),
bottom: kMobileDialogPadding,
left: kMobileDialogPadding / 2),
children: [ children: [
Text( Text(
localization.contacts, localization.contacts,
@ -55,18 +72,24 @@ class ClientViewFullwidth extends StatelessWidget {
), ),
], ],
)), )),
Expanded( if (!state.prefState.isPreviewVisible)
flex: 2, Expanded(
child: FormCard( flex: 2,
isLast: true, child: FormCard(
crossAxisAlignment: CrossAxisAlignment.start, isLast: true,
children: [ crossAxisAlignment: CrossAxisAlignment.start,
Text( padding: const EdgeInsets.only(
'', //localization.standing, top: kMobileDialogPadding,
style: Theme.of(context).textTheme.headline6, right: kMobileDialogPadding,
), bottom: kMobileDialogPadding,
], left: kMobileDialogPadding / 2),
)), children: [
Text(
'', //localization.standing,
style: Theme.of(context).textTheme.headline6,
),
],
)),
], ],
); );
} }