ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-11-26 23:44:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enhance device management UI with improved padding and SVG icon integration

Browse Source
This commit is contained in:
mohammad
2025-06-10 16:29:14 +03:00
parent c6b55cb28b
commit f7f3843fa7
2 changed files with 101 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
lib/pages/device_managment/device_setting/device_management_content.dart
View File

@ -1,10 +1,12 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_svg/svg.dart';
import 'package:syncrow_web/pages/device_managment/all_devices/models/devices_model.dart';
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/device_info_model.dart';
import 'package:syncrow_web/pages/device_managment/device_setting/settings_model/sub_space_model.dart';
import 'package:syncrow_web/pages/device_managment/device_setting/sub_space_dialog.dart';
import 'package:syncrow_web/utils/color_manager.dart';
import 'package:syncrow_web/utils/constants/assets.dart';
import 'package:syncrow_web/utils/extension/build_context_x.dart';
import 'package:syncrow_web/web_layout/default_container.dart';
@ -28,7 +30,7 @@ class DeviceManagementContent extends StatelessWidget {
Widget? trailing,
required Color? valueColor}) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 6.0),
padding: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
@ -39,6 +41,7 @@ class DeviceManagementContent extends StatelessWidget {
color: ColorsManager.grayColor,
),
),
const SizedBox(width: 15),
Expanded(
child: Text(
value,
@ -48,7 +51,7 @@ class DeviceManagementContent extends StatelessWidget {
overflow: TextOverflow.ellipsis,
),
),
const SizedBox(width: 8),
const SizedBox(width: 12),
trailing ?? const SizedBox.shrink(),
],
),
@ -73,15 +76,15 @@ class DeviceManagementContent extends StatelessWidget {
);
},
child: infoRow(
label: 'Sub-Space:',
value: deviceInfo.subspace.subspaceName,
valueColor: ColorsManager.textGray,
trailing: const Icon(
Icons.arrow_forward_ios,
size: 16,
color: ColorsManager.greyColor,
),
),
label: 'Sub-Space:',
value: deviceInfo.subspace.subspaceName,
valueColor: ColorsManager.blackColor,
trailing: SvgPicture.asset(
Assets.arrowDown,
width: 10,
height: 10,
color: ColorsManager.greyColor,
)),
),
),
const Divider(color: ColorsManager.dividerColor),
@ -104,7 +107,7 @@ class DeviceManagementContent extends StatelessWidget {
},
child: const Icon(
Icons.copy,
size: 16,
size: 15,
color: ColorsManager.greyColor,
),
),