Skip to content

Commit 2d1024b

Browse files
committed
refactor(headline-details): improve metadata chips layout and reduce height
- Replace SliverToBoxAdapter with SliverPadding for better alignment - Reduce the height of the metadata chips container from 52 to 36 - Adjust padding and clip behavior for improved visual appearance
1 parent b89f61b commit 2d1024b

File tree

1 file changed

+19
-16
lines changed

1 file changed

+19
-16
lines changed

lib/headline-details/view/headline_details_page.dart

Lines changed: 19 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -358,22 +358,25 @@ class _HeadlineDetailsPageState extends State<HeadlineDetailsPage> {
358358
),
359359
),
360360
),
361-
SliverToBoxAdapter(
362-
child: SizedBox(
363-
height: 52,
364-
child: BlocBuilder<HeadlineDetailsBloc, HeadlineDetailsState>(
365-
builder: (context, state) {
366-
final chips =
367-
_buildMetadataChips(context, headline, onEntityChipTap);
368-
return ListView.separated(
369-
scrollDirection: Axis.horizontal,
370-
padding: horizontalPadding.copyWith(top: AppSpacing.lg),
371-
itemCount: chips.length,
372-
separatorBuilder: (context, index) =>
373-
const SizedBox(width: AppSpacing.sm),
374-
itemBuilder: (context, index) => chips[index],
375-
);
376-
},
361+
SliverPadding(
362+
padding: horizontalPadding.copyWith(top: AppSpacing.lg),
363+
sliver: SliverToBoxAdapter(
364+
child: SizedBox(
365+
height: 36,
366+
child: BlocBuilder<HeadlineDetailsBloc, HeadlineDetailsState>(
367+
builder: (context, state) {
368+
final chips =
369+
_buildMetadataChips(context, headline, onEntityChipTap);
370+
return ListView.separated(
371+
scrollDirection: Axis.horizontal,
372+
itemCount: chips.length,
373+
separatorBuilder: (context, index) =>
374+
const SizedBox(width: AppSpacing.sm),
375+
itemBuilder: (context, index) => chips[index],
376+
clipBehavior: Clip.none,
377+
);
378+
},
379+
),
377380
),
378381
),
379382
),

0 commit comments

Comments
 (0)