Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2024-09-29 18:01:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

adjust paddings and alignment to be IAW figma

Browse source
This commit is contained in:
sneurlax 2023-01-24 14:17:27 -06:00
parent 07247a46b9
commit 9495e7a7a7
1 changed files with 44 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
lib/pages/buy_view/buy_form.dart
View file

@ -585,7 +585,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
}, },
child: RoundedContainer( child: RoundedContainer(
padding: padding:
const EdgeInsets.symmetric(vertical: 6, horizontal: 6), const EdgeInsets.symmetric(vertical: 6, horizontal: 2),
color: _hovering1 color: _hovering1
? Theme.of(context) ? Theme.of(context)
.extension<StackColors>()! .extension<StackColors>()!
@ -652,7 +652,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
}, },
child: RoundedContainer( child: RoundedContainer(
padding: padding:
const EdgeInsets.symmetric(vertical: 3, horizontal: 6), const EdgeInsets.symmetric(vertical: 3, horizontal: 2),
color: _hovering2 color: _hovering2
? Theme.of(context) ? Theme.of(context)
.extension<StackColors>()! .extension<StackColors>()!
@ -663,23 +663,27 @@ class _BuyFormState extends ConsumerState<BuyForm> {
.textFieldDefaultBG, .textFieldDefaultBG,
child: Padding( child: Padding(
padding: const EdgeInsets.only( padding: const EdgeInsets.only(
left: 16.0, top: 12.0, right: 12.0, bottom: 12.0), left: 12.0, top: 12.0, right: 12.0, bottom: 12.0),
child: Row( child: Row(
children: <Widget>[ children: <Widget>[
Text( Container(
padding: const EdgeInsets.symmetric(
vertical: 3, horizontal: 6),
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
.highlight,
borderRadius: BorderRadius.circular(4),
),
child: Text(
format.simpleCurrencySymbol( format.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR".toUpperCase()), selectedFiat?.ticker ?? "ERR".toUpperCase()),
style: STextStyles.currencyTicker(context).apply(
fontSizeFactor: (1 /
format
.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR")
.length * // Couldn't get pow() working here
format
.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR")
.length)),
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: STextStyles.smallMed12(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.accentColorDark),
),
), ),
// SvgPicture.asset( // SvgPicture.asset(
// Assets.svg.iconFor( // Assets.svg.iconFor(
@ -689,7 +693,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
// width: 18, // width: 18,
// ), // ),
const SizedBox( const SizedBox(
width: 15, width: 9,
), ),
Text( Text(
"${selectedFiat?.ticker ?? 'ERR'}", "${selectedFiat?.ticker ?? 'ERR'}",
@ -798,28 +802,33 @@ class _BuyFormState extends ConsumerState<BuyForm> {
child: Padding( child: Padding(
padding: const EdgeInsets.all(12), padding: const EdgeInsets.all(12),
child: Row(children: [ child: Row(children: [
SizedBox(width: buyWithFiat ? 10 : 6), const SizedBox(width: 2),
buyWithFiat buyWithFiat
? Text( ? Container(
padding: const EdgeInsets.symmetric(
vertical: 3, horizontal: 6),
decoration: BoxDecoration(
color: Theme.of(context)
.extension<StackColors>()!
.highlight,
borderRadius: BorderRadius.circular(4),
),
child: Text(
format.simpleCurrencySymbol( format.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR".toUpperCase()), selectedFiat?.ticker ??
style: STextStyles.currencyTicker(context).apply( "ERR".toUpperCase()),
fontSizeFactor: (1 /
format
.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR")
.length * // Couldn't get pow() working here
format
.simpleCurrencySymbol(
selectedFiat?.ticker ?? "ERR")
.length)),
textAlign: TextAlign.center, textAlign: TextAlign.center,
style: STextStyles.smallMed12(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.accentColorDark),
),
) )
: getIconForTicker(selectedCrypto?.ticker ?? "BTC") : getIconForTicker(selectedCrypto?.ticker ?? "BTC")
as Widget, as Widget,
SizedBox( SizedBox(
width: buyWithFiat width: buyWithFiat
? 15 ? 9
: 10), // maybe make isDesktop-aware? : 10), // maybe make isDesktop-aware?
Text( Text(
buyWithFiat buyWithFiat
@ -962,7 +971,7 @@ class _BuyFormState extends ConsumerState<BuyForm> {
context, context,
).copyWith( ).copyWith(
contentPadding: const EdgeInsets.only( contentPadding: const EdgeInsets.only(
left: 16, left: 13,
top: 6, top: 6,
bottom: 8, bottom: 8,
right: 5, right: 5,