Commit e1a10987 authored by Ilham Maulana's avatar Ilham Maulana 💻

fix: layout loan item

parent ce45237a
......@@ -16,8 +16,6 @@ class LoanItem extends StatelessWidget {
final remainingDays = _loan.remainingDays;
final bookTitle = _loan.book.title;
const message = "Are you sure want to Return this book?";
return Container(
margin: const EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0),
child: Card(
......@@ -35,7 +33,7 @@ class LoanItem extends StatelessWidget {
),
),
Padding(
padding: const EdgeInsets.only(top: 8.0),
padding: const EdgeInsets.symmetric(vertical: 8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
......@@ -66,14 +64,14 @@ class LoanItem extends StatelessWidget {
child: Text(
loanDate,
textAlign: TextAlign.right,
style: const TextStyle(fontWeight: FontWeight.bold),
style: Theme.of(context).textTheme.labelMedium,
),
)
],
),
),
Padding(
padding: const EdgeInsets.only(top: 8.0),
padding: const EdgeInsets.only(top: 4.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
......@@ -84,73 +82,16 @@ class LoanItem extends StatelessWidget {
child: Text(
dueDate,
textAlign: TextAlign.right,
style: const TextStyle(fontWeight: FontWeight.bold),
style: Theme.of(context).textTheme.labelMedium,
),
)
],
),
),
Container(
width: double.infinity,
padding: const EdgeInsets.only(top: 20.0),
child: FilledButton(
child: const Text("Return"),
onPressed: () {
showModalBottomSheet<void>(
context: context,
builder: (BuildContext context) {
return SizedBox(
height: 200,
child: Center(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
Padding(
padding:
const EdgeInsets.symmetric(vertical: 10.0),
child: Text(
bookTitle,
style: const TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.w600),
),
),
const Padding(
padding: EdgeInsets.symmetric(vertical: 10.0),
child: Text(message),
),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
OutlinedButton(
child: const Text('Cancel'),
onPressed: () => Navigator.pop(context),
),
const SizedBox(
width: 20.0,
),
FilledButton(
child: const Text('Continue'),
onPressed: () => Navigator.pop(context),
),
],
),
],
),
),
);
},
);
},
),
),
],
),
)),
);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment