ammar/syncrow-web
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/web.git synced 2025-11-27 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

changed Text style to use theme

Browse Source
This commit is contained in:
hannathkadher
2024-11-23 20:19:45 +04:00
parent 0830fa1cfd
commit 42a7ee22b2
2 changed files with 61 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/pages/spaces_management/widgets/community_structure_widget.dart
View File

@ -109,7 +109,7 @@ class _CommunityStructureAreaState extends State<CommunityStructureArea> {
children: [ children: [
CommunityStructureHeader( CommunityStructureHeader(
communityName: widget.selectedCommunity?.name, communityName: widget.selectedCommunity?.name,
isSave: widget.spaces.isNotEmpty, isSave: spaces.isNotEmpty,
isEditingName: isEditingName, isEditingName: isEditingName,
nameController: _nameController, nameController: _nameController,
onSave: _saveSpaces, onSave: _saveSpaces,

105
lib/pages/spaces_management/widgets/space_container_widget.dart
View File

@ -20,55 +20,70 @@ class SpaceContainerWidget extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final theme = Theme.of(context);
return GestureDetector( return GestureDetector(
onDoubleTap: onDoubleTap, onDoubleTap: onDoubleTap,
onTap: onTap, onTap: onTap,
child: Container( child: Container(
width: 150, width: 150,
height: 60, height: 60,
decoration: BoxDecoration( decoration: _containerDecoration(),
color: ColorsManager.whiteColors, child: Row(
borderRadius: BorderRadius.circular(15), children: [
boxShadow: [ _buildIconContainer(),
BoxShadow( const SizedBox(width: 10),
color: Colors.grey.withOpacity(0.5), Expanded(
spreadRadius: 2, child: Text(
blurRadius: 5,
offset: const Offset(0, 3), // shadow position
),
],
),
child: Row(
children: [
Container(
width: 40,
height: 60,
decoration: const BoxDecoration(
color: ColorsManager.spaceColor,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
bottomLeft: Radius.circular(15),
),
),
child: Center(
child: SvgPicture.asset(
icon,
color: ColorsManager.whiteColors,
width: 24,
height: 24,
),
),
),
const SizedBox(width: 10),
Text(
name, name,
style: const TextStyle( style: theme.textTheme.bodyLarge?.copyWith(
fontWeight: FontWeight.bold, fontWeight: FontWeight.bold,
fontSize: 16, color: ColorsManager.blackColor,
), ),
overflow: TextOverflow.ellipsis, // Handle long names gracefully
), ),
], ),
), ],
)); ),
),
);
}
/// Builds the icon container with the SVG asset.
Widget _buildIconContainer() {
return Container(
width: 40,
height: double.infinity,
decoration: const BoxDecoration(
color: ColorsManager.spaceColor,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(15),
bottomLeft: Radius.circular(15),
),
),
child: Center(
child: SvgPicture.asset(
icon,
color: ColorsManager.whiteColors,
width: 24,
height: 24,
),
),
);
}
BoxDecoration _containerDecoration() {
return BoxDecoration(
color: ColorsManager.whiteColors,
borderRadius: BorderRadius.circular(15),
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.5),
spreadRadius: 2,
blurRadius: 5,
offset: const Offset(0, 3), // Shadow position
),
],
);
} }
} }