redid settings option layout and added first container

This commit is contained in:
ryleedavis 2022-10-13 16:42:13 -06:00
parent f39a9ea7d0
commit 1157b5fd0f

View file

@ -1,10 +1,12 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart'; import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:flutter_svg/svg.dart'; import 'package:flutter_svg/svg.dart';
import 'package:stackwallet/pages_desktop_specific/home/settings_menu_item.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/widgets/desktop/desktop_app_bar.dart';
import 'package:stackwallet/widgets/rounded_white_container.dart';
import '../../../utilities/assets.dart';
import '../settings_menu_item.dart';
class SettingsMenu extends ConsumerStatefulWidget { class SettingsMenu extends ConsumerStatefulWidget {
const SettingsMenu({ const SettingsMenu({
@ -35,34 +37,27 @@ class _SettingsMenuState extends ConsumerState<SettingsMenu> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
debugPrint("BUILD: $runtimeType"); debugPrint("BUILD: $runtimeType");
return Material( return Column(
color: Theme.of(context).extension<StackColors>()!.background,
child: SizedBox(
width: 300,
child: Padding(
padding: const EdgeInsets.fromLTRB(24.0, 10.0, 0, 0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
SizedBox( DesktopAppBar(
height: 20, isCompactHeight: true,
// width: 300, leading: Row(
children: [
const SizedBox(
width: 24,
height: 24,
), ),
Text( Text(
"Settings", "Settings",
style: STextStyles.desktopH3(context).copyWith( style: STextStyles.desktopH3(context),
fontSize: 24, )
],
), ),
), ),
Row( Row(
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.fromLTRB( padding: const EdgeInsets.only(left: 15),
3.0,
30.0,
55.0,
0,
),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -178,12 +173,24 @@ class _SettingsMenuState extends ConsumerState<SettingsMenu> {
], ],
), ),
), ),
Expanded(
child: Padding(
padding: const EdgeInsets.only(
left: 10,
right: 40,
),
child: RoundedWhiteContainer(
child: SvgPicture.asset(
Assets.svg.backupAuto,
width: 48,
height: 48,
),
),
),
)
], ],
), ),
], ],
),
),
),
); );
} }
} }