create UI advanced_search_filter_overlay for web

2022-06-26 13:57:03 +07:00
parent b23e905dd9
commit 856d98f947
2 changed files with 32 additions and 1 deletions
@@ -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(
@@ -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(),
+    );
+  }
+}