ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-07-10 07:07:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

add sensor type icons, and help description icon

Browse Source
This commit is contained in:
ashrafzarkanisala
2024-08-27 19:54:52 +03:00
parent 76b3b6a432
commit 5daf7228af
10 changed files with 221 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/pages/device_managment/shared/device_controls_container.dart
View File

@ -13,7 +13,7 @@ class DeviceControlsContainer extends StatelessWidget {
color: ColorsManager.greyColor.withOpacity(0.2),
border: Border.all(color: ColorsManager.boxDivider),
),
padding: const EdgeInsets.all(16),
padding: const EdgeInsets.all(12),
child: child,
);
}

50
lib/pages/device_managment/shared/sensors_widgets/presence_space_type.dart Normal file
View File

@ -0,0 +1,50 @@
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_web/core/extension/build_context_x.dart';
import 'package:syncrow_web/pages/device_managment/shared/device_controls_container.dart';
import 'package:syncrow_web/utils/color_manager.dart';
class PresenceSpaceType extends StatelessWidget {
const PresenceSpaceType({
super.key,
required this.listOfIcons,
required this.description,
});
final List<String> listOfIcons;
final String description;
@override
Widget build(BuildContext context) {
return DeviceControlsContainer(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
description,
style: context.textTheme.bodySmall!.copyWith(
color: ColorsManager.blackColor,
fontWeight: FontWeight.w400,
fontSize: 10,
),
),
const SizedBox(
height: 8,
),
Wrap(
runSpacing: 8,
spacing: 16,
children: [
...listOfIcons.map((icon) => SvgPicture.asset(
icon,
width: 40,
height: 40,
)),
],
),
],
),
);
}
}