mirror of
https://github.com/cypherstack/stack_wallet.git
synced 2024-11-17 01:37:54 +00:00
fix: equal width desktop settings option clickable area
This commit is contained in:
parent
2870ec49ec
commit
14bf1ab3e3
2 changed files with 10 additions and 157 deletions
|
@ -83,10 +83,10 @@ class _DesktopSettingsViewState extends ConsumerState<DesktopSettingsView> {
|
|||
Widget build(BuildContext context) {
|
||||
return DesktopScaffold(
|
||||
background: Theme.of(context).extension<StackColors>()!.background,
|
||||
appBar: DesktopAppBar(
|
||||
appBar: const DesktopAppBar(
|
||||
isCompactHeight: true,
|
||||
leading: Row(
|
||||
children: const [
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 24,
|
||||
height: 24,
|
||||
|
@ -97,7 +97,10 @@ class _DesktopSettingsViewState extends ConsumerState<DesktopSettingsView> {
|
|||
),
|
||||
body: Row(
|
||||
children: [
|
||||
const SettingsMenu(),
|
||||
const Padding(
|
||||
padding: EdgeInsets.all(15.0),
|
||||
child: SettingsMenu(),
|
||||
),
|
||||
Expanded(
|
||||
child: contentViews[
|
||||
ref.watch(selectedSettingsMenuItemStateProvider.state).state],
|
||||
|
|
|
@ -45,10 +45,10 @@ class _SettingsMenuState extends ConsumerState<SettingsMenu> {
|
|||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 15),
|
||||
SizedBox(
|
||||
width: 250,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||
children: [
|
||||
for (int i = 0; i < labels.length; i++)
|
||||
Column(
|
||||
|
@ -83,157 +83,7 @@ class _SettingsMenuState extends ConsumerState<SettingsMenu> {
|
|||
.state = newValue,
|
||||
),
|
||||
],
|
||||
)
|
||||
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 0
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Backup and restore",
|
||||
// value: 0,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 1
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Security",
|
||||
// value: 1,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 2
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Currency",
|
||||
// value: 2,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 3
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Language",
|
||||
// value: 3,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 4
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Nodes",
|
||||
// value: 4,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 5
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Syncing preferences",
|
||||
// value: 5,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 6
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Appearance",
|
||||
// value: 6,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
// const SizedBox(
|
||||
// height: 2,
|
||||
// ),
|
||||
// SettingsMenuItem(
|
||||
// icon: SvgPicture.asset(
|
||||
// Assets.svg.polygon,
|
||||
// width: 11,
|
||||
// height: 11,
|
||||
// color: selectedMenuItem == 7
|
||||
// ? Theme.of(context)
|
||||
// .extension<StackColors>()!
|
||||
// .accentColorBlue
|
||||
// : Colors.transparent,
|
||||
// ),
|
||||
// label: "Advanced",
|
||||
// value: 7,
|
||||
// group: selectedMenuItem,
|
||||
// onChanged: updateSelectedMenuItem,
|
||||
// ),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
|
Loading…
Reference in a new issue