Implement desktop client layout

This commit is contained in:
Hillel Coren 2022-06-01 08:44:02 +03:00
parent 1c573c6681
commit a71eb9cd25
2 changed files with 118 additions and 105 deletions

View File

@ -218,7 +218,10 @@ class _ClientViewFullwidthState extends State<ClientViewFullwidth>
(state.prefState.isPreviewVisible ? 1 : 3), (state.prefState.isPreviewVisible ? 1 : 3),
bottom: kMobileDialogPadding, bottom: kMobileDialogPadding,
left: kMobileDialogPadding / 3), left: kMobileDialogPadding / 3),
child: Scrollbar(
controller: _scrollController,
child: SingleChildScrollView( child: SingleChildScrollView(
controller: _scrollController,
child: Column( child: Column(
children: [ children: [
Text( Text(
@ -236,7 +239,8 @@ class _ClientViewFullwidthState extends State<ClientViewFullwidth>
), ),
if (contact.email.isNotEmpty) if (contact.email.isNotEmpty)
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 4), padding:
const EdgeInsets.symmetric(vertical: 4),
child: CopyToClipboard( child: CopyToClipboard(
value: contact.email, value: contact.email,
child: IconText( child: IconText(
@ -245,7 +249,8 @@ class _ClientViewFullwidthState extends State<ClientViewFullwidth>
), ),
if (contact.phone.isNotEmpty) if (contact.phone.isNotEmpty)
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 4), padding:
const EdgeInsets.symmetric(vertical: 4),
child: CopyToClipboard( child: CopyToClipboard(
value: contact.phone, value: contact.phone,
child: IconText( child: IconText(
@ -272,7 +277,8 @@ class _ClientViewFullwidthState extends State<ClientViewFullwidth>
onPressed: () { onPressed: () {
final url = final url =
'${contact.link}&client_hash=${client.clientHash}'; '${contact.link}&client_hash=${client.clientHash}';
Clipboard.setData(ClipboardData(text: url)); Clipboard.setData(
ClipboardData(text: url));
showToast(localization.copiedToClipboard showToast(localization.copiedToClipboard
.replaceFirst(':value ', '')); .replaceFirst(':value ', ''));
}, },
@ -291,6 +297,7 @@ class _ClientViewFullwidthState extends State<ClientViewFullwidth>
}).toList() }).toList()
], ],
)), )),
),
)), )),
if (!state.prefState.isPreviewVisible && !state.uiState.isEditing) if (!state.prefState.isPreviewVisible && !state.uiState.isEditing)
Expanded( Expanded(

View File

@ -175,7 +175,10 @@ class _VendorViewFullwidthState extends State<VendorViewFullwidth>
(state.prefState.isPreviewVisible ? 1 : 3), (state.prefState.isPreviewVisible ? 1 : 3),
bottom: kMobileDialogPadding, bottom: kMobileDialogPadding,
left: kMobileDialogPadding / 3), left: kMobileDialogPadding / 3),
child: Scrollbar(
controller: _scrollController,
child: SingleChildScrollView( child: SingleChildScrollView(
controller: _scrollController,
child: Column( child: Column(
children: [ children: [
Text( Text(
@ -193,7 +196,8 @@ class _VendorViewFullwidthState extends State<VendorViewFullwidth>
), ),
if (contact.email.isNotEmpty) if (contact.email.isNotEmpty)
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 4), padding:
const EdgeInsets.symmetric(vertical: 4),
child: CopyToClipboard( child: CopyToClipboard(
value: contact.email, value: contact.email,
child: IconText( child: IconText(
@ -202,7 +206,8 @@ class _VendorViewFullwidthState extends State<VendorViewFullwidth>
), ),
if (contact.phone.isNotEmpty) if (contact.phone.isNotEmpty)
Padding( Padding(
padding: const EdgeInsets.symmetric(vertical: 4), padding:
const EdgeInsets.symmetric(vertical: 4),
child: CopyToClipboard( child: CopyToClipboard(
value: contact.phone, value: contact.phone,
child: IconText( child: IconText(
@ -215,6 +220,7 @@ class _VendorViewFullwidthState extends State<VendorViewFullwidth>
}).toList() }).toList()
], ],
)), )),
),
)), )),
if (!state.prefState.isPreviewVisible && !state.uiState.isEditing) if (!state.prefState.isPreviewVisible && !state.uiState.isEditing)
Expanded( Expanded(