update on customer main page

This commit is contained in:
Patrick Alvin Alcala 2025-03-25 13:29:08 +08:00
parent de5a7c66a3
commit 21abc721fd
2 changed files with 36 additions and 14 deletions

View file

@ -33,15 +33,15 @@ class _CustomerMainPageState extends State<CustomerMainPage> {
color: 'pink', color: 'pink',
margin: 32, margin: 32,
), ),
const Gap(8), // const Gap(8),
ConsultationWidget( // ConsultationWidget(
name: 'Pamela Claire Alcala, RPh', // name: 'Pamela Claire Alcala, RPh',
description: 'Pharmacist', // description: 'Pharmacist',
contact: '09205436095', // contact: '09205436095',
imagePath: 'assets/images/profile.webp', // imagePath: 'assets/images/profile.webp',
color: 'pink', // color: 'pink',
margin: 32, // margin: 32,
), // ),
const Gap(16), const Gap(16),
const IndicatorWidget(text: 'Doctor Consultation'), const IndicatorWidget(text: 'Doctor Consultation'),
// const Row( // const Row(
@ -64,16 +64,19 @@ class _CustomerMainPageState extends State<CustomerMainPage> {
margin: 32, margin: 32,
), ),
const Gap(16), const Gap(16),
const IndicatorWidget(text: 'Quick Description'), const IndicatorWidget(text: 'Common Medical Symptoms'),
const Gap(8), const Gap(8),
const DescriptionMenuWidget( const DescriptionMenuWidget(
title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16), title: 'Fever', description: "A fever is when your body temperature rises...", margin: 16),
const Gap(8), const Gap(8),
const DescriptionMenuWidget( const DescriptionMenuWidget(
title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16), title: 'Headache', description: "A headache is when the muscles in your head...", margin: 16),
const Gap(8), const Gap(8),
const DescriptionMenuWidget( const DescriptionMenuWidget(
title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16), title: 'Toothache', description: "a.k.a tooth pain, is pain in the teeth or their...", margin: 16),
const Gap(8),
const DescriptionMenuWidget(
title: 'Stomach Ache', description: " is a symptom associated with both non-serious and...", margin: 16),
], ],
))); )));
} }

View file

@ -6,13 +6,14 @@ class DescriptionMenuWidget extends StatelessWidget {
final String title; final String title;
final String description; final String description;
final double margin; final double margin;
const DescriptionMenuWidget({super.key, required this.title, required this.margin, required this.description}); const DescriptionMenuWidget({super.key, required this.title, required this.margin, required this.description});
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
width: MediaQuery.of(context).size.width, width: MediaQuery.of(context).size.width,
padding: const EdgeInsets.symmetric(vertical: 24), padding: const EdgeInsets.only(top: 20, bottom: 12),
decoration: decoration:
BoxDecoration(borderRadius: BorderRadius.circular(12), color: const Color.fromRGBO(255, 255, 255, 0.275)), BoxDecoration(borderRadius: BorderRadius.circular(12), color: const Color.fromRGBO(255, 255, 255, 0.275)),
child: Row( child: Row(
@ -32,6 +33,24 @@ class DescriptionMenuWidget extends StatelessWidget {
text: description, text: description,
size: 12, size: 12,
), ),
const Gap(8),
SizedBox(
width: MediaQuery.of(context).size.width - 72,
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: [
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20), color: const Color.fromRGBO(62, 21, 68, 0.702)),
padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
child: const TextWidget(
text: "Tap to read more",
size: 8,
),
),
],
),
)
], ],
), ),
], ],