desktop layout

This commit is contained in:
julian 2023-07-26 16:08:01 -06:00
parent 0175939d63
commit 9d2b315bd9

View file

@ -206,9 +206,7 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
//edit for desktop
return Background(
child: Stack(
children: [
ConditionalParent(
child: ConditionalParent(
condition: isDesktop,
builder: (child) => DesktopScaffold(
appBar: DesktopAppBar(
@ -316,25 +314,31 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
child: ConditionalParent(
condition: isDesktop,
builder: (child) => SizedBox(
width: 300,
height: 300,
width: 318,
child: child,
),
child: ConditionalParent(
condition: imageBytes != null,
builder: (child) => Column(
builder: (_) => Column(
children: [
const Spacer(
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 1,
),
if (imageBytes != null)
SizedBox(
width: 300,
height: 300,
child:
SvgPicture.memory(Uint8List.fromList(imageBytes)),
child: SvgPicture.memory(Uint8List.fromList(imageBytes)),
),
const Spacer(
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 1,
),
Padding(
@ -374,7 +378,11 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
),
child: Column(
children: [
const Spacer(
isDesktop
? const SizedBox(
height: 100,
)
: const Spacer(
flex: 4,
),
Center(
@ -391,7 +399,7 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
),
),
const SizedBox(
height: 40,
height: 70,
),
Text(
"You do not have a MonKey yet. \nFetch yours now!",
@ -405,7 +413,11 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
],
),
),
const Spacer(
isDesktop
? const SizedBox(
height: 50,
)
: const Spacer(
flex: 6,
),
Padding(
@ -445,8 +457,6 @@ class _MonkeyViewState extends ConsumerState<MonkeyView> {
),
),
),
],
),
);
}
}