chnages has been made and fianace screen was created

This commit is contained in:
Daniah Ayad Al-sultani
2025-12-11 14:06:33 +03:00
parent 85b378ac37
commit a78f148790
5 changed files with 236 additions and 48 deletions

View File

@@ -9,8 +9,8 @@ class WorkDayCard extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 18, vertical: 10),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
margin: const EdgeInsets.symmetric(horizontal: 18, vertical: 6),
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(22),
@@ -25,64 +25,63 @@ class WorkDayCard extends StatelessWidget {
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
/// ✅ TITLE
const Text(
"يوم عمل",
textAlign: TextAlign.right,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
),
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
),
const SizedBox(height: 16),
/// ✅ ICONS + TEXT UNDER EACH ICON
/// 🔥 FIXED: CENTERED LINES BETWEEN CIRCLES
Row(
children: [
/// ✅ MONEY
_StatusItem(
color: const Color(0xFFD16400),
icon: SvgPicture.asset('assets/images/money3.svg', width: 20),
label: "سعر كلي\n18,250 د.ع",
),
const Expanded(
child: GradientLine(
start: Color(0xFFD16400),
end: Color(0xFF1266A8),
/// LINE CENTERED VERTICALLY
Expanded(
child: Center(
child: GradientLine(
start: const Color(0xFFD16400),
end: const Color(0xFF1266A8),
),
),
),
/// ✅ TIME
_StatusItem(
color: const Color(0xFF1266A8),
icon: SvgPicture.asset('assets/images/watch.svg', width: 20),
label: "عدد ساعات\n5.50",
),
const Expanded(
child: GradientLine(
start: Color(0xFF1266A8),
end: Color(0xFFB00000),
Expanded(
child: Center(
child: GradientLine(
start: const Color(0xFF1266A8),
end: const Color(0xFFB00000),
),
),
),
/// ✅ LOGOUT
_StatusItem(
color: const Color(0xFFB00000),
icon: SvgPicture.asset('assets/images/out.svg', width: 20),
label: "خروج\n1:14pm",
),
const Expanded(
child: GradientLine(
start: Color(0xFFB00000),
end: Color(0xFF0A8F6B),
Expanded(
child: Center(
child: GradientLine(
start: const Color(0xFFB00000),
end: const Color(0xFF0A8F6B),
),
),
),
/// ✅ LOGIN
_StatusItem(
color: const Color(0xFF0A8F6B),
icon: SvgPicture.asset('assets/images/in.svg', width: 20),
@@ -93,10 +92,8 @@ class WorkDayCard extends StatelessWidget {
const SizedBox(height: 12),
/// ✅ DIVIDER
const Divider(color: Colors.black38),
/// ✅ BOTTOM INFO
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: const [
@@ -110,7 +107,6 @@ class WorkDayCard extends StatelessWidget {
}
}
/// ✅ REUSABLE STATUS ITEM (CIRCLE + TEXT UNDER IT)
class _StatusItem extends StatelessWidget {
final Color color;
final Widget icon;
@@ -128,12 +124,8 @@ class _StatusItem extends StatelessWidget {
mainAxisSize: MainAxisSize.min,
children: [
StatusCircle(color: color, icon: icon),
const SizedBox(height: 6),
Text(
label,
textAlign: TextAlign.center,
style: const TextStyle(fontSize: 12),
),
// const SizedBox(height: 3),
Text(label, textAlign: TextAlign.center, style: const TextStyle(fontSize: 12)),
],
);
}