nodes settings ui and light-theme icon added

This commit is contained in:
ryleedavis 2022-10-25 09:19:45 -06:00
parent c7a47c5d8f
commit ab5190562d
4 changed files with 56 additions and 25 deletions

View file

@ -0,0 +1,24 @@
<svg width="200" height="162" viewBox="0 0 200 162" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5887_94222)">
<rect width="200" height="162" rx="8" fill="#E8EAEC"/>
<rect x="10" y="10" width="180" height="20" rx="2" fill="#DBDDE1"/>
<rect x="16" y="16" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="40" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="46" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="62" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="68" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="84" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="90" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="106" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="112" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="128" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="134" width="106" height="8" rx="1" fill="#C4C8CC"/>
<rect x="10" y="150" width="180" height="20" rx="2" fill="#FEFEFE"/>
<rect x="16" y="156" width="106" height="8" rx="1" fill="#C4C8CC"/>
</g>
<defs>
<clipPath id="clip0_5887_94222">
<rect width="200" height="162" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View file

@ -127,35 +127,41 @@ class _NodesSettings extends ConsumerState<NodesSettings> {
), ),
child: Row( child: Row(
children: [ children: [
SvgPicture.asset( Row(
Assets.svg.iconFor(coin: coin),
width: 24,
height: 24,
),
const SizedBox(
width: 12,
),
Column(
crossAxisAlignment:
CrossAxisAlignment.start,
children: [ children: [
Text( SvgPicture.asset(
"${coin.prettyName} nodes", Assets.svg.iconFor(coin: coin),
style: width: 24,
STextStyles.titleBold12(context), height: 24,
), ),
Text( const SizedBox(
count > 1 width: 12,
? "$count nodes" ),
: "Default", Column(
style: STextStyles.label(context), crossAxisAlignment:
CrossAxisAlignment.start,
children: [
Text(
"${coin.prettyName} nodes",
style: STextStyles.titleBold12(
context),
),
Text(
count > 1
? "$count nodes"
: "Default",
style: STextStyles.label(context),
),
],
), ),
], ],
), ),
// SvgPicture.asset( Expanded(
// Assets.svg.chevronRight, child: SvgPicture.asset(
// alignment: Alignment.centerRight, Assets.svg.chevronRight,
// ), alignment: Alignment.centerRight,
),
),
], ],
), ),
), ),

View file

@ -59,7 +59,7 @@ class _SVG {
String txExchangeFailed(BuildContext context) => String txExchangeFailed(BuildContext context) =>
"assets/svg/${Theme.of(context).extension<StackColors>()!.themeType.name}/tx-exchange-icon-failed.svg"; "assets/svg/${Theme.of(context).extension<StackColors>()!.themeType.name}/tx-exchange-icon-failed.svg";
// String get themeLight => "assets/svg/light/light-theme.svg"; String get themeLight => "assets/svg/light/light-mode.svg";
String get themeDark => "assets/svg/dark/dark-theme.svg"; String get themeDark => "assets/svg/dark/dark-theme.svg";
String get circleNode => "assets/svg/node-circle.svg"; String get circleNode => "assets/svg/node-circle.svg";
String get circleSun => "assets/svg/sun-circle.svg"; String get circleSun => "assets/svg/sun-circle.svg";

View file

@ -300,6 +300,7 @@ flutter:
- assets/svg/sun-circle.svg - assets/svg/sun-circle.svg
- assets/svg/node-circle.svg - assets/svg/node-circle.svg
- assets/svg/dark/dark-theme.svg - assets/svg/dark/dark-theme.svg
- assets/svg/light/light-mode.svg
# coin icons # coin icons
- assets/svg/coin_icons/Bitcoin.svg - assets/svg/coin_icons/Bitcoin.svg
- assets/svg/coin_icons/Bitcoincash.svg - assets/svg/coin_icons/Bitcoincash.svg