fix box alainments for all screen sizes

This commit is contained in:
2024-08-27 11:47:10 +02:00
parent 14d6beaa8c
commit 4ed438a44b
4 changed files with 54 additions and 35 deletions

View File

@@ -302,9 +302,12 @@ class _BuildFilesListState extends State<BuildFilesList> {
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.sizeOf(context);
//double width = size.width;
double height = size.height;
if (widget.files.isNotEmpty) {
return SizedBox(
height: 500.0,
height: height - 250,
child: ListView.separated(
shrinkWrap: true,
separatorBuilder: (BuildContext context, int index) {
@@ -353,9 +356,9 @@ class _BuildFilesListState extends State<BuildFilesList> {
),
);
} else {
return const SizedBox(
height: 500.0,
child: Center(
return SizedBox(
height: height - 250,
child: const Center(
child: Text(
"No Documents Available",
style: TextStyle(fontSize: 25, color: Colors.grey),

View File

@@ -263,9 +263,12 @@ class _BuildNotesListState extends State<BuildNotesList> {
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.sizeOf(context);
//double width = size.width;
double height = size.height;
if (widget.notes.isNotEmpty) {
return SizedBox(
height: 500.0,
height: height - 250,
child: ListView.separated(
shrinkWrap: true,
separatorBuilder: (BuildContext context, int index) {
@@ -306,9 +309,9 @@ class _BuildNotesListState extends State<BuildNotesList> {
),
);
} else {
return const SizedBox(
height: 500.0,
child: Center(
return SizedBox(
height: height - 250,
child: const Center(
child: Text(
"No Notes Available",
style: TextStyle(fontSize: 25, color: Colors.grey),

View File

@@ -264,7 +264,12 @@ class _PatientDetailsState extends State<PatientDetails> {
@override
Widget build(BuildContext context) {
final Size size = MediaQuery.sizeOf(context);
//double width = size.width;
double height = size.height;
return Container(
alignment: Alignment.topCenter,
height: height - 177,
padding: const EdgeInsets.only(left: 10, right: 10, bottom: 10),
decoration: BoxDecoration(
color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
@@ -275,32 +280,40 @@ class _PatientDetailsState extends State<PatientDetails> {
),
//constraints: const BoxConstraints.expand(height: 250.0),
child: SelectionArea(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
//crossAxisAlignment: ,
children: setIcons(),
),
Divider(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
const SizedBox(height: 10),
getPatientDetailsField(),
const SizedBox(height: 10),
Text(
"Medical Aid Details",
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
//crossAxisAlignment: ,
children: setIcons(),
),
),
Divider(
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()),
const SizedBox(height: 10),
getMedAidDetailsFields(),
],
Divider(
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor()),
const SizedBox(height: 10),
getPatientDetailsField(),
const SizedBox(height: 10),
Text(
"Medical Aid Details",
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 25,
fontWeight: FontWeight.bold,
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor(),
),
),
Divider(
color:
MzanziInnovationHub.of(context)!.theme.secondaryColor()),
const SizedBox(height: 10),
getMedAidDetailsFields(),
],
),
),
),
);

View File

@@ -172,7 +172,7 @@ class _PatientManagerState extends State<PatientManager> {
},
child: SizedBox(
width: w,
height: 600,
height: h - 157,
child: Column(mainAxisSize: MainAxisSize.max, children: [
const SizedBox(height: 5),
const Text(
@@ -302,7 +302,7 @@ class _PatientManagerState extends State<PatientManager> {
Widget patientQueue(double w, double h) {
return SizedBox(
width: w,
height: 600,
height: h - 157,
child: Column(mainAxisSize: MainAxisSize.max, children: [
//const SizedBox(height: 15),
Row(