ui: Add a shadow behind the delete icons

This commit is contained in:
PapaTutuWawa 2022-08-17 20:09:33 +02:00
parent 436bccf86c
commit 4d6c584841
3 changed files with 21 additions and 12 deletions

View File

@ -1,4 +1,5 @@
import 'dart:io'; import 'dart:io';
import 'package:decorated_icon/decorated_icon.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:mime/mime.dart'; import 'package:mime/mime.dart';
@ -11,6 +12,16 @@ import 'package:moxxyv2/ui/widgets/chat/shared/video.dart';
import 'package:moxxyv2/ui/widgets/chat/thumbnail.dart'; import 'package:moxxyv2/ui/widgets/chat/thumbnail.dart';
import 'package:path/path.dart' as pathlib; import 'package:path/path.dart' as pathlib;
Widget _deleteIconWithShadow() {
return const Center(
child: DecoratedIcon(
Icons.delete,
size: 32,
shadows: [BoxShadow(blurRadius: 8)],
),
);
}
class SendFilesPage extends StatelessWidget { class SendFilesPage extends StatelessWidget {
const SendFilesPage({ Key? key }) : super(key: key); const SendFilesPage({ Key? key }) : super(key: key);
@ -45,12 +56,7 @@ class SendFilesPage extends StatelessWidget {
} }
}, },
borderColor: selected ? Colors.blue : null, borderColor: selected ? Colors.blue : null,
child: selected ? const Center( child: selected ? _deleteIconWithShadow() : null,
child: Icon(
Icons.delete,
size: 32,
),
) : null,
), ),
); );
} else if (mime.startsWith('video/')) { } else if (mime.startsWith('video/')) {
@ -72,12 +78,7 @@ class SendFilesPage extends StatelessWidget {
} }
}, },
borderColor: selected ? Colors.blue : null, borderColor: selected ? Colors.blue : null,
child: selected ? const Center( child: selected ? _deleteIconWithShadow(): null,
child: Icon(
Icons.delete,
size: 32,
),
) : null,
), ),
); );
} else { } else {

View File

@ -260,6 +260,13 @@ packages:
url: "https://pub.dartlang.org" url: "https://pub.dartlang.org"
source: hosted source: hosted
version: "0.7.4" version: "0.7.4"
decorated_icon:
dependency: "direct main"
description:
name: decorated_icon
url: "https://pub.dartlang.org"
source: hosted
version: "1.2.1"
dio: dio:
dependency: "direct main" dependency: "direct main"
description: description:

View File

@ -17,6 +17,7 @@ dependencies:
crop_your_image: 0.7.2 crop_your_image: 0.7.2
cryptography: 2.0.5 cryptography: 2.0.5
#cupertino_icons: 1.0.2 #cupertino_icons: 1.0.2
decorated_icon: 1.2.1
dio: 4.0.6 dio: 4.0.6
equatable: 2.0.3 equatable: 2.0.3
external_path: 1.0.1 external_path: 1.0.1