马良AI写作初始化仓库
This commit is contained in:
74
AINoval/lib/widgets/common/dialog_container.dart
Normal file
74
AINoval/lib/widgets/common/dialog_container.dart
Normal file
@@ -0,0 +1,74 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:ainoval/utils/web_theme.dart';
|
||||
|
||||
/// 对话框容器组件
|
||||
/// 提供统一的对话框样式和布局
|
||||
class DialogContainer extends StatelessWidget {
|
||||
/// 构造函数
|
||||
const DialogContainer({
|
||||
super.key,
|
||||
required this.child,
|
||||
this.maxWidth = 768, // 3xl in Tailwind
|
||||
this.height,
|
||||
this.padding = const EdgeInsets.all(0),
|
||||
});
|
||||
|
||||
/// 子组件
|
||||
final Widget child;
|
||||
|
||||
/// 最大宽度
|
||||
final double maxWidth;
|
||||
|
||||
/// 高度(可选)
|
||||
final double? height;
|
||||
|
||||
/// 内边距
|
||||
final EdgeInsets padding;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// final isDark = WebTheme.isDarkMode(context);
|
||||
final screenSize = MediaQuery.of(context).size;
|
||||
final isSmallScreen = screenSize.width < 640; // sm breakpoint
|
||||
|
||||
return Dialog(
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
insetPadding: EdgeInsets.symmetric(
|
||||
horizontal: isSmallScreen ? 8 : 32,
|
||||
vertical: isSmallScreen ? 0 : 64,
|
||||
),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(
|
||||
maxWidth: maxWidth,
|
||||
maxHeight: height ?? (isSmallScreen ? screenSize.height * 0.95 : screenSize.height * 0.8),
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
color: Theme.of(context).colorScheme.surface,
|
||||
borderRadius: BorderRadius.circular(isSmallScreen ? 12 : 8),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: WebTheme.getShadowColor(context, opacity: 0.25),
|
||||
blurRadius: 20,
|
||||
offset: const Offset(0, 8),
|
||||
),
|
||||
],
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(isSmallScreen ? 12 : 8),
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Flexible(
|
||||
child: Container(
|
||||
padding: padding,
|
||||
child: child,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user