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

chore: refactor UI consistency using design system tokens and remove LucideIcons

Browse Source
This commit is contained in:
Suriya
2026-02-12 18:37:31 +05:30
parent d7d9a34f07
commit ad6db7d851
62 changed files with 397 additions and 370 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
apps/mobile/packages/features/staff/authentication/lib/src/presentation/widgets/get_started_page/get_started_background.dart
View File

@@ -16,11 +16,11 @@ class _GetStartedBackgroundState extends State<GetStartedBackground> {
return Container(
child: Column(
children: [
const SizedBox(height: 32),
const SizedBox(height: UiConstants.space8),
// Logo
Image.asset(
UiImageAssets.logoBlue,
height: 40,
height: UiConstants.space10,
),
Expanded(
child: Center(
@@ -29,16 +29,16 @@ class _GetStartedBackgroundState extends State<GetStartedBackground> {
height: 288,
decoration: BoxDecoration(
shape: BoxShape.circle,
color: const Color(0xFF3A4A5A).withOpacity(0.05),
color: UiColors.foreground.withValues(alpha: 0.05),
),
padding: const EdgeInsets.all(8.0),
padding: const EdgeInsets.all(UiConstants.space2),
child: ClipOval(
child: Stack(
fit: StackFit.expand,
children: [
// Layer 1: The Fallback Logo (Always visible until image loads)
Padding(
padding: const EdgeInsets.all(48.0),
padding: const EdgeInsets.all(UiConstants.space12),
child: Image.asset(UiImageAssets.logoBlue),
),
@@ -85,29 +85,29 @@ class _GetStartedBackgroundState extends State<GetStartedBackground> {
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
width: 24,
height: 8,
width: UiConstants.space6,
height: UiConstants.space2,
decoration: BoxDecoration(
color: UiColors.primary,
borderRadius: BorderRadius.circular(4),
borderRadius: UiConstants.radiusSm,
),
),
const SizedBox(width: 8),
const SizedBox(width: UiConstants.space2),
Container(
width: 8,
height: 8,
decoration: BoxDecoration(
color: UiColors.primary.withOpacity(0.2),
borderRadius: BorderRadius.circular(4),
color: UiColors.primary.withValues(alpha: 0.2),
borderRadius: UiConstants.radiusSm,
),
),
const SizedBox(width: 8),
const SizedBox(width: UiConstants.space2),
Container(
width: 8,
height: 8,
width: UiConstants.space2,
height: UiConstants.space2,
decoration: BoxDecoration(
color: UiColors.primary.withOpacity(0.2),
borderRadius: BorderRadius.circular(4),
color: UiColors.primary.withValues(alpha: 0.2),
borderRadius: UiConstants.radiusSm,
),
),
],