Nexus/nexus
Nexus/nexus
4
4
Fork 5
Code Issues 14 Pull requests 2 Projects Releases Packages Wiki Activity

make settings page a dialog

Browse source 
This will need changes to work properly on mobile
This commit is contained in:
Henry Hiles 2026-06-23 19:11:26 -04:00
commit a916013800
Signed by: Henry-Hiles
SSH key fingerprint: SHA256:VKQUdS31Q90KvX7EkKMHMBpUspcmItAh86a+v7PGiIs
2 changed files with 52 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

40
lib/pages/settings_page.dart
View file

@ -1,17 +1,22 @@
import "package:flutter/material.dart";
import "package:flutter_riverpod/flutter_riverpod.dart";
import "package:navigation_rail_m3e/navigation_rail_m3e.dart";
class SettingsPage extends ConsumerWidget {
const SettingsPage({super.key});
@override
Widget build(BuildContext context, WidgetRef ref) => Scaffold(
Widget build(BuildContext context, WidgetRef ref) => Dialog(
constraints: .loose(Size(900, 600)),
child: ClipRRect(
borderRadius: BorderRadiusGeometry.circular(12),
child: Scaffold(
appBar: AppBar(
title: Text("Settings"),
actionsPadding: .symmetric(horizontal: 12),
actions: [
SearchAnchor(
builder: (context, controller) => IconButton(
builder: (_, controller) => IconButton(
icon: const Icon(Icons.search),
onPressed: controller.openView,
),
@ -21,5 +26,36 @@ class SettingsPage extends ConsumerWidget {
),
],
),
body: Padding(
padding: .symmetric(vertical: 8),
child: Row(
children: [
Padding(
padding: .symmetric(vertical: 4),
child: NavigationRailM3E(
type: .alwaysExpand,
sections: [
.new(
destinations: [
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
.new(icon: Icon(Icons.abc), label: "Account"),
],
),
],
selectedIndex: 0,
onDestinationSelected: (value) {},
),
),
VerticalDivider(),
],
),
),
),
),
);
}

5
lib/widgets/sidebar.dart
View file

@ -182,8 +182,9 @@ class Sidebar extends HookConsumerWidget {
),
IconButton(
tooltip: "Open settings",
onPressed: () => Navigator.of(context).push(
MaterialPageRoute(builder: (_) => SettingsPage()),
onPressed: () => showDialog(
context: context,
builder: (_) => SettingsPage(),
),
icon: Icon(Icons.settings),
),