fix: fixed channel separator

This commit is contained in:
Deven Joshi
2021-01-14 17:00:15 +05:30
parent be282bfc57
commit d5062ee8aa
2 changed files with 8 additions and 14 deletions
+4 -10
View File
@@ -729,17 +729,11 @@ class _ChannelListViewState extends State<ChannelListView>
} }
Widget _separatorBuilder(context, i) { Widget _separatorBuilder(context, i) {
var effect = StreamChatTheme.of(context).colorTheme.borderTop; var effect = StreamChatTheme.of(context).colorTheme.borderBottom;
return BackdropFilter( return Container(
filter: ui.ImageFilter.blur( height: 1,
sigmaX: effect.sigmaX, color: effect.color.withOpacity(effect.alpha ?? 1.0),
sigmaY: effect.sigmaY,
),
child: Container(
height: 1,
color: effect.color.withOpacity(0.08),
),
); );
} }
+4 -4
View File
@@ -492,8 +492,8 @@ class ColorTheme {
), ),
this.borderTop = const Effect( this.borderTop = const Effect(
sigmaX: 0, sigmaY: -1, color: Color(0xff000000), blur: 0.0), sigmaX: 0, sigmaY: -1, color: Color(0xff000000), blur: 0.0),
this.borderBottom = this.borderBottom = const Effect(
const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0), sigmaX: 0, sigmaY: 1, color: Color(0xff000000), blur: 0.0, alpha: 0.08),
this.shadowIconButton = const Effect( this.shadowIconButton = const Effect(
sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0), sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0),
this.modalShadow = const Effect( this.modalShadow = const Effect(
@@ -514,8 +514,8 @@ class ColorTheme {
this.accentGreen = const Color(0xff20E070), this.accentGreen = const Color(0xff20E070),
this.borderTop = const Effect( this.borderTop = const Effect(
sigmaX: 0, sigmaY: -1, color: Color(0xff141924), blur: 0.0), sigmaX: 0, sigmaY: -1, color: Color(0xff141924), blur: 0.0),
this.borderBottom = this.borderBottom = const Effect(
const Effect(sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0), sigmaX: 0, sigmaY: 1, color: Color(0xff141924), blur: 0.0, alpha: 1.0),
this.shadowIconButton = const Effect( this.shadowIconButton = const Effect(
sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0), sigmaX: 0, sigmaY: 2, color: Color(0xff000000), alpha: 0.5, blur: 4.0),
this.modalShadow = const Effect( this.modalShadow = const Effect(