flutter/apidash
1
0
Fork 0
mirror of https://github.com/foss42/apidash.git synced 2025-05-30 13:27:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: navbar responsiveness

Browse Source
This commit is contained in:
DenserMeerkat
2024-06-11 23:26:52 +05:30
parent a3381c9f38
commit 9c4b492679
2 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/screens/mobile/navbar.dart
View File

@ -124,6 +124,7 @@ class NavRail extends ConsumerWidget {
Icons.help,
Icons.help_outline,
'About',
showLabel: false,
),
const SizedBox(height: 24),
customNavigationDestination(
@ -134,6 +135,7 @@ class NavRail extends ConsumerWidget {
Icons.settings,
Icons.settings_outlined,
'Settings',
showLabel: false,
),
],
),

46
lib/screens/mobile/widgets/page_base.dart
View File

@ -1,8 +1,10 @@
import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:apidash/consts.dart';
import 'package:apidash/extensions/extensions.dart';
import 'package:apidash/providers/providers.dart';
import 'package:apidash/widgets/window_caption.dart';
import '../navbar.dart';
class PageBase extends ConsumerWidget {
final String title;
@ -13,27 +15,39 @@ class PageBase extends ConsumerWidget {
Widget build(BuildContext context, WidgetRef ref) {
final isDarkMode =
ref.watch(settingsProvider.select((value) => value.isDark));
final scaffold = Scaffold(
backgroundColor: Theme.of(context).colorScheme.background,
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.background,
primary: true,
title: Text(title),
centerTitle: true,
),
body: Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.paddingOf(context).bottom,
),
child: scaffoldBody,
),
);
return Stack(
children: [
Container(
padding: const EdgeInsets.only(bottom: 70) +
padding: (context.isCompactWindow
? const EdgeInsets.only(bottom: 70)
: EdgeInsets.zero) +
(kIsWindows || kIsMacOS ? kPt28 : EdgeInsets.zero),
color: Theme.of(context).colorScheme.surface,
child: Scaffold(
backgroundColor: Theme.of(context).colorScheme.background,
appBar: AppBar(
backgroundColor: Theme.of(context).colorScheme.background,
primary: true,
title: Text(title),
centerTitle: true,
),
body: Padding(
padding: EdgeInsets.only(
bottom: MediaQuery.paddingOf(context).bottom,
),
child: scaffoldBody,
),
),
child: !context.isCompactWindow
? Row(
children: [
const NavRail(),
Expanded(
child: scaffold,
),
],
)
: scaffold,
),
if (kIsWindows)
SizedBox(