Krow/Krow-workspace
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CHORE: Update UI spacing and colors in client home widgets

Browse Source 
Added spacing to the ClientHomePage widget column and updated icon and background colors in ActionsWidget to use theme constants. Adjusted padding and removed boxShadow from _ActionCard for a cleaner appearance.
This commit is contained in:
Achintha Isuru
2026-01-22 11:32:30 -05:00
parent f882a0a7d0
commit 6ef691881a
2 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/mobile/packages/features/client/home/lib/src/presentation/pages/client_home_page.dart
View File

@@ -256,6 +256,7 @@ class ClientHomePage extends StatelessWidget {
final title = _getWidgetTitle(id); final title = _getWidgetTitle(id);
return Column( return Column(
spacing: UiConstants.space2,
children: [ children: [
Row( Row(
children: [ children: [
@@ -302,7 +303,8 @@ class ClientHomePage extends StatelessWidget {
), ),
], ],
), ),
const SizedBox(height: UiConstants.space2),
// Widget content
Opacity( Opacity(
opacity: isVisible ? 1.0 : 0.4, opacity: isVisible ? 1.0 : 0.4,
child: IgnorePointer( child: IgnorePointer(

13
apps/mobile/packages/features/client/home/lib/src/presentation/widgets/actions_widget.dart
View File

@@ -46,8 +46,8 @@ class ActionsWidget extends StatelessWidget {
icon: UiIcons.add, icon: UiIcons.add,
color: UiColors.white, color: UiColors.white,
borderColor: UiColors.border, borderColor: UiColors.border,
iconBgColor: const Color(0xFFEFF6FF), iconBgColor: UiColors.primaryForeground,
iconColor: const Color(0xFF2563EB), iconColor: UiColors.primary,
textColor: UiColors.textPrimary, textColor: UiColors.textPrimary,
subtitleColor: UiColors.textSecondary, subtitleColor: UiColors.textSecondary,
onTap: onCreateOrderPressed, onTap: onCreateOrderPressed,
@@ -88,18 +88,11 @@ class _ActionCard extends StatelessWidget {
return GestureDetector( return GestureDetector(
onTap: onTap, onTap: onTap,
child: Container( child: Container(
height: 100, padding: const EdgeInsets.all(UiConstants.space4),
padding: const EdgeInsets.all(UiConstants.space3),
decoration: BoxDecoration( decoration: BoxDecoration(
color: color, color: color,
borderRadius: UiConstants.radiusLg, borderRadius: UiConstants.radiusLg,
border: Border.all(color: borderColor), border: Border.all(color: borderColor),
boxShadow: [
BoxShadow(
color: UiColors.black.withValues(alpha: 0.02),
blurRadius: 4,
),
],
), ),
child: Column( child: Column(
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,