SelfPrivacy/selfprivacy.org.app
1
0
Fork 0
mirror of https://git.selfprivacy.org/kherel/selfprivacy.org.app.git synced 2025-01-09 17:39:42 +00:00
Code Issues Projects Releases Wiki Activity

feat(ui): Overflow of the network graph card

Browse source
This commit is contained in:
Inex Code 2024-03-13 19:22:56 +03:00
parent 4b08b96b38
commit b25e2f2d5f
1 changed files with 31 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
lib/ui/pages/server_details/charts/chart.dart
View file

@ -48,26 +48,41 @@ class _Chart extends StatelessWidget {
children: [ children: [
Row( Row(
crossAxisAlignment: CrossAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [ children: [
Text( Flexible(
child: Text(
'resource_chart.network_title'.tr(), 'resource_chart.network_title'.tr(),
style: Theme.of(context).textTheme.titleMedium?.copyWith( style:
color: Theme.of(context).textTheme.titleMedium?.copyWith(
Theme.of(context).colorScheme.onSurfaceVariant, color: Theme.of(context)
.colorScheme
.onSurfaceVariant,
), ),
), ),
const Spacer(), ),
Flexible(
fit: FlexFit.loose,
child: Wrap(
spacing: 8.0,
runSpacing: 8.0,
alignment: WrapAlignment.end,
runAlignment: WrapAlignment.end,
children: [
Legend( Legend(
color: Theme.of(context).colorScheme.primary, color: Theme.of(context).colorScheme.primary,
text: 'resource_chart.in'.tr(), text: 'resource_chart.in'.tr(),
), ),
const SizedBox(width: 5),
Legend( Legend(
color: Theme.of(context).colorScheme.tertiary, color: Theme.of(context).colorScheme.tertiary,
text: 'resource_chart.out'.tr(), text: 'resource_chart.out'.tr(),
), ),
], ],
), ),
),
],
),
const SizedBox(height: 20), const SizedBox(height: 20),
Stack( Stack(
alignment: Alignment.center, alignment: Alignment.center,
@ -172,6 +187,7 @@ class Legend extends StatelessWidget {
@override @override
Widget build(final BuildContext context) => Row( Widget build(final BuildContext context) => Row(
mainAxisAlignment: MainAxisAlignment.end, mainAxisAlignment: MainAxisAlignment.end,
mainAxisSize: MainAxisSize.min,
children: [ children: [
_ColoredBox(color: color), _ColoredBox(color: color),
const SizedBox(width: 5), const SizedBox(width: 5),