[Homepage] 6. add Menu Cuti & Lembur

This commit is contained in:
Stephen
2024-01-11 15:14:00 +07:00
parent a91f039dfc
commit 50cacf159f
3 changed files with 130 additions and 0 deletions

BIN
images/person.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
images/task.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -114,6 +114,7 @@ class HomepageScreen extends StatelessWidget {
Spacer(), // Spasi di sebelah kanan "Check Out"
],
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 16),
),
@@ -123,6 +124,135 @@ class HomepageScreen extends StatelessWidget {
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 56),
),
//Menu Cuti Lembur
Padding(
padding: EdgeInsets.only(
left: Constant.getActualXPhone(context: context, x: 33),
right:Constant.getActualXPhone(context: context, x: 27),
),
child: Container(
child: Row(
children: [
//Menu Cuti
SizedBox(
width:Constant.getActualXPhone(context: context, x: 98),
child: ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateColor.resolveWith(
(st) => Colors.white,
),
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16.0),
),
),
elevation: MaterialStatePropertyAll(4),
shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
),
onPressed: () { },
child: Padding(
padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 8),
bottom: Constant.getActualYPhone(context: context, y: 8),
left: Constant.getActualXPhone(context: context, x: 12),
right:Constant.getActualXPhone(context: context, x: 12),
),
child: Column(
children: [
Container(
width:Constant.getActualXPhone(context: context, x: 50),
height:Constant.getActualYPhone(context: context, y: 50),
decoration: BoxDecoration(
// color: Colors.green,
image: DecorationImage(
// fit: BoxFit.contain,
image: AssetImage('images/person.png'),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 8),
),
Text(
'Cuti',
style: Constant.titleH2_600_14(context: context).copyWith(
color: Constant.textDarkGrey,
),
),
],
),
),
)
),
SizedBox(
width: Constant.getActualXPhone(context: context, x: 18),
),
//Menu Lembur
SizedBox(
width:Constant.getActualXPhone(context: context, x: 98),
child: ElevatedButton(
style: ButtonStyle(
backgroundColor: MaterialStateColor.resolveWith(
(st) => Colors.white,
),
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(16.0),
),
),
elevation: MaterialStatePropertyAll(4),
shadowColor: MaterialStateProperty.all<Color>(Color.fromRGBO(145, 158, 171, 0.16)),
),
onPressed: () { },
child: Padding(
padding: EdgeInsets.only(
top: Constant.getActualYPhone(context: context, y: 8),
bottom: Constant.getActualYPhone(context: context, y: 8),
left: Constant.getActualXPhone(context: context, x: 12),
right:Constant.getActualXPhone(context: context, x: 12),
),
child: Column(
children: [
Container(
width:Constant.getActualXPhone(context: context, x: 50),
height:Constant.getActualYPhone(context: context, y: 50),
decoration: BoxDecoration(
// color: Colors.green,
image: DecorationImage(
// fit: BoxFit.contain,
image: AssetImage('images/task.png'),
),
),
),
SizedBox(
height: Constant.getActualYPhone(context: context, y: 8),
),
Text(
'Lembur',
style: Constant.titleH2_600_14(context: context).copyWith(
color: Constant.textDarkGrey,
),
),
],
),
),
)
),
],
),
),
),
],
),
),