fix: push theme for button

This commit is contained in:
Prateek Sunal 2024-05-03 01:59:43 +05:30
parent 25fb9cfe13
commit b860d3a056
2 changed files with 30 additions and 29 deletions

View File

@ -497,7 +497,7 @@ ElevatedButtonThemeData buildElevatedButtonThemeData({
), ),
padding: const EdgeInsets.symmetric(vertical: 18), padding: const EdgeInsets.symmetric(vertical: 18),
shape: const RoundedRectangleBorder( shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(16)), borderRadius: BorderRadius.all(Radius.circular(4)),
), ),
), ),
); );

View File

@ -88,39 +88,40 @@ class _GradientButtonState extends State<GradientButton> {
height: 56, height: 56,
width: double.infinity, width: double.infinity,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(4),
color: const Color(0xFF531DAB), color: const Color(0xFF531DAB),
boxShadow: isTapped boxShadow: [
? [] const BoxShadow(
: [ color: Color(0xFF000000),
const BoxShadow( offset: Offset(0, 2),
color: Color(0xFF000000), spreadRadius: 0,
offset: Offset(0, 2), blurRadius: 2,
spreadRadius: 0, ),
blurRadius: 2, BoxShadow(
), color: const Color(0xFF9254DE).withOpacity(0.32),
BoxShadow( offset: const Offset(0, 0),
color: const Color(0xFF9254DE).withOpacity(0.32), spreadRadius: 0,
offset: const Offset(0, 0), blurRadius: 20,
spreadRadius: 0, ),
blurRadius: 20, ],
),
],
), ),
), ),
Container( Container(
height: 56, height: 56,
decoration: BoxDecoration( decoration: BoxDecoration(
// gradient: LinearGradient( gradient: isTapped
// begin: Alignment(0, -0.2), ? null
// end: Alignment(1.1, 1.1), : const LinearGradient(
// stops: [0, 0.18, 0.83], begin: Alignment.topLeft,
// colors: [ end: Alignment.bottomRight,
// Color(0xFFB37FEB), stops: [0, 0.18, 1],
// Color(0x00D2AEF5), colors: [
// Color(0xFFEFDBFF), Color(0xFFEFDBFF),
// ], Color(0x00D2AEF5),
// ), Color(0xFFB37FEB),
],
),
backgroundBlendMode: isTapped ? null : BlendMode.overlay,
border: const GradientBoxBorder( border: const GradientBoxBorder(
width: 1, width: 1,
gradient: LinearGradient( gradient: LinearGradient(
@ -132,7 +133,7 @@ class _GradientButtonState extends State<GradientButton> {
end: Alignment.bottomRight, end: Alignment.bottomRight,
), ),
), ),
borderRadius: BorderRadius.circular(16), borderRadius: BorderRadius.circular(4),
), ),
child: Center(child: buttonContent), child: Center(child: buttonContent),
), ),