[Homepage] 6. add Menu Cuti & Lembur
This commit is contained in:
BIN
images/person.png
Normal file
BIN
images/person.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
images/task.png
Normal file
BIN
images/task.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
@@ -114,6 +114,7 @@ class HomepageScreen extends StatelessWidget {
|
|||||||
Spacer(), // Spasi di sebelah kanan "Check Out"
|
Spacer(), // Spasi di sebelah kanan "Check Out"
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: Constant.getActualYPhone(context: context, y: 16),
|
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,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
),
|
||||||
|
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user