From 856d98f9477019500b635b33fccf27ef34e471c5 Mon Sep 17 00:00:00 2001
From: ManhNTX <tmnguyen@linagora.com>
Date: Sun, 26 Jun 2022 13:57:03 +0700
Subject: [PATCH] create UI advanced_search_filter_overlay for web

---
 .../advanced_search_filter_bottom_sheet.dart  |  7 ++++-
 .../advanced_search_filter_overlay.dart       | 26 +++++++++++++++++++
 2 files changed, 32 insertions(+), 1 deletion(-)
 create mode 100644 lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_overlay.dart

diff --git a/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_bottom_sheet.dart b/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_bottom_sheet.dart
index 01fb6feee..614c624a1 100644
--- a/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_bottom_sheet.dart
+++ b/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_bottom_sheet.dart
@@ -10,7 +10,12 @@ Future<void> showAdvancedSearchFilterBottomSheet(BuildContext context) async {
 
   await FullScreenActionSheetBuilder(
     context: context,
-    child: AdvancedSearchInputForm(),
+    child: SingleChildScrollView(
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 28, vertical: 12),
+        child: AdvancedSearchInputForm(),
+      ),
+    ),
     cancelWidget: Padding(
       padding: const EdgeInsets.only(right: 16),
       child: SvgPicture.asset(
diff --git a/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_overlay.dart b/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_overlay.dart
new file mode 100644
index 000000000..7055294ed
--- /dev/null
+++ b/lib/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_overlay.dart
@@ -0,0 +1,26 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/advanced_search/advanced_search_filter_form.dart';
+
+class AdvancedSearchFilterOverlay extends StatelessWidget {
+  const AdvancedSearchFilterOverlay({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: 660,
+      height: 558,
+      padding: const EdgeInsets.all(32),
+      decoration: BoxDecoration(
+        color: Colors.white,
+        borderRadius: BorderRadius.circular(16),
+        boxShadow: const [
+          BoxShadow(
+            color: AppColor.colorShadowBgContentEmail,
+            spreadRadius: 1, blurRadius: 1, offset: Offset(0, 0.5)),
+        ]
+      ),
+      child: AdvancedSearchInputForm(),
+    );
+  }
+}