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

View File

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

View File

@@ -264,7 +264,12 @@ class _PatientDetailsState extends State<PatientDetails> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final Size size = MediaQuery.sizeOf(context);
//double width = size.width;
double height = size.height;
return Container( return Container(
alignment: Alignment.topCenter,
height: height - 177,
padding: const EdgeInsets.only(left: 10, right: 10, bottom: 10), padding: const EdgeInsets.only(left: 10, right: 10, bottom: 10),
decoration: BoxDecoration( decoration: BoxDecoration(
color: MzanziInnovationHub.of(context)!.theme.primaryColor(), color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
@@ -275,32 +280,40 @@ class _PatientDetailsState extends State<PatientDetails> {
), ),
//constraints: const BoxConstraints.expand(height: 250.0), //constraints: const BoxConstraints.expand(height: 250.0),
child: SelectionArea( child: SelectionArea(
child: Column( child: SingleChildScrollView(
children: [ child: Column(
Row( mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.start,
//crossAxisAlignment: , crossAxisAlignment: CrossAxisAlignment.center,
children: setIcons(), children: [
), Row(
Divider( mainAxisAlignment: MainAxisAlignment.center,
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), //crossAxisAlignment: ,
const SizedBox(height: 10), children: setIcons(),
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(
Divider( color:
color: MzanziInnovationHub.of(context)!.theme.secondaryColor()), MzanziInnovationHub.of(context)!.theme.secondaryColor()),
const SizedBox(height: 10), const SizedBox(height: 10),
getMedAidDetailsFields(), 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( child: SizedBox(
width: w, width: w,
height: 600, height: h - 157,
child: Column(mainAxisSize: MainAxisSize.max, children: [ child: Column(mainAxisSize: MainAxisSize.max, children: [
const SizedBox(height: 5), const SizedBox(height: 5),
const Text( const Text(
@@ -302,7 +302,7 @@ class _PatientManagerState extends State<PatientManager> {
Widget patientQueue(double w, double h) { Widget patientQueue(double w, double h) {
return SizedBox( return SizedBox(
width: w, width: w,
height: 600, height: h - 157,
child: Column(mainAxisSize: MainAxisSize.max, children: [ child: Column(mainAxisSize: MainAxisSize.max, children: [
//const SizedBox(height: 15), //const SizedBox(height: 15),
Row( Row(