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',
margin: 32,
),
const Gap(8),
ConsultationWidget(
name: 'Pamela Claire Alcala, RPh',
description: 'Pharmacist',
contact: '09205436095',
imagePath: 'assets/images/profile.webp',
color: 'pink',
margin: 32,
),
// const Gap(8),
// ConsultationWidget(
// name: 'Pamela Claire Alcala, RPh',
// description: 'Pharmacist',
// contact: '09205436095',
// imagePath: 'assets/images/profile.webp',
// color: 'pink',
// margin: 32,
// ),
const Gap(16),
const IndicatorWidget(text: 'Doctor Consultation'),
// const Row(
@ -64,16 +64,19 @@ class _CustomerMainPageState extends State<CustomerMainPage> {
margin: 32,
),
const Gap(16),
const IndicatorWidget(text: 'Quick Description'),
const IndicatorWidget(text: 'Common Medical Symptoms'),
const Gap(8),
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 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 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 description;
final double margin;
const DescriptionMenuWidget({super.key, required this.title, required this.margin, required this.description});
@override
Widget build(BuildContext context) {
return Container(
width: MediaQuery.of(context).size.width,
padding: const EdgeInsets.symmetric(vertical: 24),
padding: const EdgeInsets.only(top: 20, bottom: 12),
decoration:
BoxDecoration(borderRadius: BorderRadius.circular(12), color: const Color.fromRGBO(255, 255, 255, 0.275)),
child: Row(
@ -32,6 +33,24 @@ class DescriptionMenuWidget extends StatelessWidget {
text: description,
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,
),
),
],
),
)
],
),
],