TF-3956 Adjust UI for vacation section in setting on web

Signed-off-by: dab246 <tdvu@linagora.com>
2025-08-08 16:25:05 +07:00
parent d4a56afaa1
commit f68965fd2a
17 changed files with 983 additions and 771 deletions
@@ -0,0 +1,68 @@
+import 'package:core/presentation/utils/theme_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/base/widget/default_field/default_input_field_widget.dart';
+
+class LabelInputFieldBuilder extends StatelessWidget {
+  final String label;
+  final TextEditingController textEditingController;
+  final String? errorText;
+  final String? hintText;
+  final FocusNode? focusNode;
+  final bool arrangeHorizontally;
+  final OnTextChange? onTextChange;
+
+  const LabelInputFieldBuilder({
+    super.key,
+    required this.label,
+    required this.textEditingController,
+    this.arrangeHorizontally = true,
+    this.hintText,
+    this.errorText,
+    this.focusNode,
+    this.onTextChange,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    Widget bodyWidget = ConstrainedBox(
+      constraints: const BoxConstraints(maxWidth: 565),
+      child: DefaultInputFieldWidget(
+        textEditingController: textEditingController,
+        hintText: hintText,
+        focusNode: focusNode,
+        onTextChange: onTextChange,
+      ),
+    );
+
+    if (arrangeHorizontally) {
+      bodyWidget = Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          ConstrainedBox(
+            constraints: const BoxConstraints(minWidth: 83),
+            child: Text(
+              '$label:',
+              style: ThemeUtils.textStyleBodyBody3(color: Colors.black),
+            ),
+          ),
+          const SizedBox(width: 12),
+          Flexible(child: bodyWidget),
+        ],
+      );
+    } else {
+      bodyWidget = Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            '$label:',
+            style: ThemeUtils.textStyleBodyBody3(color: Colors.black),
+          ),
+          const SizedBox(height: 10),
+          bodyWidget,
+        ],
+      );
+    }
+
+    return bodyWidget;
+  }
+}