Skip to content

Commit caab96a

Browse files
committed
feat(headline-details): improve "Continue Reading" button design
- Replace ElevatedButton with FilledButton for better visual consistency - Add stretch alignment to expand button width - Remove custom padding and use default button size - Apply rounded corners to the button
1 parent 9b2f4b2 commit caab96a

File tree

1 file changed

+16
-13
lines changed

1 file changed

+16
-13
lines changed

lib/headline-details/view/headline_details_page.dart

Lines changed: 16 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -502,21 +502,24 @@ class _HeadlineDetailsPageState extends State<HeadlineDetailsPage> {
502502
padding: horizontalPadding,
503503
sliver: SliverToBoxAdapter(
504504
child: Column(
505+
crossAxisAlignment: CrossAxisAlignment.stretch,
505506
children: [
506507
const SizedBox(height: AppSpacing.lg),
507-
ElevatedButton.icon(
508-
icon: const Icon(Icons.open_in_new_outlined),
509-
onPressed: () async {
510-
await launchUrlString(headline.url);
511-
},
512-
label: Text(l10n.headlineDetailsContinueReadingButton),
513-
style: ElevatedButton.styleFrom(
514-
padding: const EdgeInsets.symmetric(
515-
horizontal: AppSpacing.lg,
516-
vertical: AppSpacing.md,
517-
),
518-
textStyle: textTheme.labelLarge?.copyWith(
519-
fontWeight: FontWeight.bold,
508+
SizedBox(
509+
height: 48,
510+
child: FilledButton.icon(
511+
icon: const Icon(Icons.open_in_new_outlined),
512+
onPressed: () async {
513+
await launchUrlString(headline.url);
514+
},
515+
label: Text(l10n.headlineDetailsContinueReadingButton),
516+
style: FilledButton.styleFrom(
517+
textStyle: textTheme.labelLarge?.copyWith(
518+
fontWeight: FontWeight.bold,
519+
),
520+
shape: RoundedRectangleBorder(
521+
borderRadius: BorderRadius.circular(AppSpacing.sm),
522+
),
520523
),
521524
),
522525
),

0 commit comments

Comments
 (0)