ammar/syncrow-app
1
0
Fork 0
mirror of https://github.com/SyncrowIOT/syncrow-app.git synced 2025-12-02 14:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Changed Size and Shadows in the door lock button containers

Browse Source
This commit is contained in:
Mohammad Salameh
2024-04-17 13:59:55 +03:00
parent f4304f1296
commit 97f3ebc583
4 changed files with 69 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
lib/features/devices/view/widgets/smart_door/door_button.dart
View File

@ -1,7 +1,4 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:syncrow_app/generated/assets.dart';
import 'package:syncrow_app/utils/context_extension.dart';
@ -49,9 +46,9 @@ class _DoorLockButtonState extends State<DoorLockButton>
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.only(
right: context.width * 0.3 / 2,
left: context.width * 0.3 / 2,
bottom: context.width * 0.35 / 2,
right: context.width * 0.25 / 2,
left: context.width * 0.25 / 2,
bottom: context.width * 0.2 / 2,
),
child: InkWell(
overlayColor: MaterialStateProperty.all(
@ -76,8 +73,8 @@ class _DoorLockButtonState extends State<DoorLockButton>
}
},
child: Container(
width: context.width * 0.55,
height: context.width * 0.55,
width: context.width * 06,
height: context.width * 0.6,
margin: const EdgeInsets.all(10),
decoration: const BoxDecoration(
boxShadow: [
@ -91,27 +88,54 @@ class _DoorLockButtonState extends State<DoorLockButton>
color: Color(0xFFEBECED),
borderRadius: BorderRadius.all(Radius.circular(999)),
),
child: Stack(
alignment: Alignment.center,
children: [
Padding(
padding: const EdgeInsets.all(25),
child: SizedBox.expand(
child: CircularProgressIndicator(
value: _animation.value,
backgroundColor: Colors.transparent,
valueColor: const AlwaysStoppedAnimation<Color>(
ColorsManager.primaryColor,
child: Padding(
padding: const EdgeInsets.all(25),
child: Stack(
alignment: Alignment.center,
children: [
Container(
margin: const EdgeInsets.all(8),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(999),
boxShadow: [
BoxShadow(
color: Colors.white.withOpacity(0.5),
blurRadius: 30,
offset: const Offset(-5, -5),
blurStyle: BlurStyle.outer,
),
BoxShadow(
color: Colors.black.withOpacity(0.14),
blurRadius: 25,
offset: const Offset(5, 5),
blurStyle: BlurStyle.outer,
),
BoxShadow(
color: Colors.black.withOpacity(0.14),
blurRadius: 30,
offset: const Offset(5, 5),
blurStyle: BlurStyle.inner,
),
],
),
child: Center(
child: SvgPicture.asset(
Assets.doorlockAssetsLockIcon,
),
strokeWidth: 10,
),
),
),
SvgPicture.asset(
Assets.doorlockAssetsDoorlockButtonTwo,
fit: BoxFit.fill,
),
],
SizedBox.expand(
child: CircularProgressIndicator(
value: _animation.value,
strokeWidth: 15,
backgroundColor: Colors.transparent,
valueColor: const AlwaysStoppedAnimation<Color>(
ColorsManager.primaryColor),
),
)
],
),
),
),
),

4
lib/features/devices/view/widgets/smart_door/door_grid.dart
View File

@ -47,10 +47,6 @@ class DoorLockGrid extends StatelessWidget {
child: SvgPicture.asset(
doorLockButtons[index]['image'] as String,
),
// Image(
// image: AssetImage(doorLockButtons[index]['image'] as String),
// ),
),
const SizedBox(
height: 15,