fix(ui): 对齐首页样式到 Pencil 设计规范
- Asset Card: padding 20px (was 24px) - 充值按钮: cornerRadius 6px, padding [5,10], icon 13px, text 12px - Quick Actions: 边框颜色 Light #E2E8F0, Dark #1E293B - Quick Action Icons: 背景色 Light #F3F4F6, Dark #1E293B - Quick Action Icons: 图标色 Light #4B5563 - cornerRadius: -lg (14px) for cards
This commit is contained in:
@@ -21,16 +21,27 @@ class QuickActionsRow extends StatelessWidget {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final colorScheme = Theme.of(context).colorScheme;
|
||||
final isDark = colorScheme.brightness == Brightness.dark;
|
||||
|
||||
// Light: #FFFFFF, Dark: #0F172A
|
||||
final containerBg = isDark
|
||||
? const Color(0xFF0F172A)
|
||||
: const Color(0xFFFFFFFF);
|
||||
|
||||
// Light: #E2E8F0, Dark: #1E293B
|
||||
final borderColor = isDark
|
||||
? const Color(0xFF1E293B)
|
||||
: const Color(0xFFE2E8F0);
|
||||
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(vertical: AppSpacing.md, horizontal: AppSpacing.sm),
|
||||
decoration: BoxDecoration(
|
||||
color: colorScheme.surfaceContainer,
|
||||
color: containerBg,
|
||||
border: Border.all(
|
||||
color: colorScheme.outlineVariant,
|
||||
color: borderColor,
|
||||
width: 1,
|
||||
),
|
||||
borderRadius: BorderRadius.circular(AppRadius.xl),
|
||||
borderRadius: BorderRadius.circular(AppRadius.lg),
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
@@ -80,6 +91,17 @@ class _ActionItem extends StatelessWidget {
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
// Light: #F3F4F6, Dark: #1E293B
|
||||
final isDark = colorScheme.brightness == Brightness.dark;
|
||||
final iconBgColor = isDark
|
||||
? const Color(0xFF1E293B)
|
||||
: const Color(0xFFF3F4F6);
|
||||
|
||||
// Light: #4B5563, Dark: 根据主题
|
||||
final iconColor = isDark
|
||||
? colorScheme.onSurfaceVariant
|
||||
: const Color(0xFF4B5563);
|
||||
|
||||
return GestureDetector(
|
||||
onTap: onTap,
|
||||
behavior: HitTestBehavior.opaque,
|
||||
@@ -90,14 +112,14 @@ class _ActionItem extends StatelessWidget {
|
||||
width: 40,
|
||||
height: 40,
|
||||
decoration: BoxDecoration(
|
||||
color: colorScheme.surfaceContainerHigh,
|
||||
color: iconBgColor,
|
||||
borderRadius: BorderRadius.circular(AppRadius.md),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Icon(
|
||||
icon,
|
||||
size: 18,
|
||||
color: colorScheme.onSurfaceVariant,
|
||||
color: iconColor,
|
||||
),
|
||||
),
|
||||
const SizedBox(height: AppSpacing.xs + 2),
|
||||
|
||||
Reference in New Issue
Block a user