From 9ef214be69bdfc5a8bc2e05b3c4dad0eae42d1a1 Mon Sep 17 00:00:00 2001 From: Amir Hossein Mousavi Date: Mon, 15 Apr 2024 16:50:15 +0330 Subject: [PATCH] fix some visual issues --- lib/views/hashtag/hashtag.dart | 2 +- .../home/infography/infography_screen.dart | 10 +++-- .../home/main/widgets/infography_item.dart | 1 - lib/views/podcasts/podcasts.dart | 2 +- .../widgets/studio_details_widget.dart | 45 ++++++++++--------- lib/views/radar/radar.dart | 2 +- 6 files changed, 33 insertions(+), 29 deletions(-) diff --git a/lib/views/hashtag/hashtag.dart b/lib/views/hashtag/hashtag.dart index 050844a..ac69c6e 100644 --- a/lib/views/hashtag/hashtag.dart +++ b/lib/views/hashtag/hashtag.dart @@ -42,7 +42,7 @@ class _HashtagState extends State { builder: (context, state, child) => SliverStateHandler( emptyState: const EmptyList(), enableEmptyState: state.items.isEmpty, - itemPadding: const EdgeInsets.only(bottom: 8), + itemPadding: const EdgeInsets.symmetric(vertical: 8.0), state: state, placeholder: RadarOverview.placeholder, builder: (context, state, index) { diff --git a/lib/views/home/infography/infography_screen.dart b/lib/views/home/infography/infography_screen.dart index 717cf53..2918703 100644 --- a/lib/views/home/infography/infography_screen.dart +++ b/lib/views/home/infography/infography_screen.dart @@ -180,7 +180,7 @@ class _InfographyScreenState extends State { children: [ placeholder, const SizedBox( - height: 4, + height: 8.0, ), placeholder ], @@ -191,13 +191,16 @@ class _InfographyScreenState extends State { ), enableEmptyState: context.watch().contents.isEmpty, - topPadding: 16, + topPadding: 16.0, onRetry: context.read().init, state: context.watch(), builder: (context, state) => Expanded( - child: ListView.builder( + child: ListView.separated( controller: _scrollController, itemCount: state.contents.length, + padding: const EdgeInsets.symmetric(vertical: 8.0), + separatorBuilder: (BuildContext context, i) => + const SizedBox(height: 8.0), itemBuilder: (context, index) => InfographyItem( id: state.contents[index].id, onMarkChanged: (id, value, _) => state.changeMark(id, value), @@ -217,7 +220,6 @@ class _InfographyScreenState extends State { } static Widget get placeholder => const DidvanCard( - margin: EdgeInsets.all(8), padding: EdgeInsets.all(8), child: Column( mainAxisAlignment: MainAxisAlignment.center, diff --git a/lib/views/home/main/widgets/infography_item.dart b/lib/views/home/main/widgets/infography_item.dart index 81e0a0b..0b5c09a 100644 --- a/lib/views/home/main/widgets/infography_item.dart +++ b/lib/views/home/main/widgets/infography_item.dart @@ -96,7 +96,6 @@ class InfographyItem extends StatelessWidget { @override Widget build(BuildContext context) { return DidvanCard( - margin: const EdgeInsets.all(12), padding: const EdgeInsets.all(12), child: Column( children: [ diff --git a/lib/views/podcasts/podcasts.dart b/lib/views/podcasts/podcasts.dart index d9e50db..665d897 100644 --- a/lib/views/podcasts/podcasts.dart +++ b/lib/views/podcasts/podcasts.dart @@ -240,7 +240,7 @@ class _PodcastsState extends State { crossAxisAlignment: CrossAxisAlignment.start, children: [ ItemTitle( - title: 'تاریخ رادار', + title: 'تاریخ ایجاد', style: Theme.of(context).textTheme.bodyMedium, icon: DidvanIcons.calendar_range_regular, ), diff --git a/lib/views/podcasts/studio_details/widgets/studio_details_widget.dart b/lib/views/podcasts/studio_details/widgets/studio_details_widget.dart index 172c27d..1641c2a 100644 --- a/lib/views/podcasts/studio_details/widgets/studio_details_widget.dart +++ b/lib/views/podcasts/studio_details/widgets/studio_details_widget.dart @@ -142,34 +142,37 @@ class StudioDetailsWidget extends StatelessWidget { ), ); } - return Column( - children: [ - if (state.studio.relatedContents.isEmpty && - !state.studio.relatedContentsIsEmpty) - for (var i = 0; i < 3; i++) + return Padding( + padding: const EdgeInsets.only(top: 24.0), + child: Column( + children: [ + if (state.studio.relatedContents.isEmpty && + !state.studio.relatedContentsIsEmpty) + for (var i = 0; i < 3; i++) + Padding( + padding: const EdgeInsets.only( + bottom: 8, + left: 16, + right: 16, + ), + child: MultitypeOverview.placeholder, + ), + for (var i = 0; + i < state.studio.relatedContents.length; + i++) Padding( padding: const EdgeInsets.only( bottom: 8, left: 16, right: 16, ), - child: MultitypeOverview.placeholder, + child: MultitypeOverview( + item: state.studio.relatedContents[i], + onMarkChanged: (id, value) {}, + ), ), - for (var i = 0; - i < state.studio.relatedContents.length; - i++) - Padding( - padding: const EdgeInsets.only( - bottom: 8, - left: 16, - right: 16, - ), - child: MultitypeOverview( - item: state.studio.relatedContents[i], - onMarkChanged: (id, value) {}, - ), - ), - ], + ], + ), ); }, ), diff --git a/lib/views/radar/radar.dart b/lib/views/radar/radar.dart index 193697d..6a30329 100644 --- a/lib/views/radar/radar.dart +++ b/lib/views/radar/radar.dart @@ -285,7 +285,7 @@ class _RadarState extends State { crossAxisAlignment: CrossAxisAlignment.start, children: [ ItemTitle( - title: 'تاریخ رادار', + title: 'تاریخ ایجاد', style: Theme.of(context).textTheme.bodyMedium, icon: DidvanIcons.calendar_range_regular, ),