Fix toolbar height and made UI of drawer better

pull/63/head
rish07 4 years ago
parent e636047754
commit 37547db381
  1. 43
      app/lib/pages/home_page.dart
  2. 1
      lib/widgets/editor.dart

@ -64,7 +64,9 @@ class _HomePageState extends State<HomePage> {
),
actions: [],
),
drawer: Material(
drawer: Container(
constraints:
BoxConstraints(maxWidth: MediaQuery.of(context).size.width * 0.7),
color: Colors.grey.shade800,
child: _buildMenuBar(context),
),
@ -96,7 +98,7 @@ class _HomePageState extends State<HomePage> {
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Expanded(
flex: 20,
flex: 15,
child: Container(
color: Colors.white,
padding: const EdgeInsets.only(left: 16.0, right: 16.0),
@ -127,10 +129,13 @@ class _HomePageState extends State<HomePage> {
),
),
),
Container(
child: QuillToolbar.basic(
controller: _controller,
onImagePickCallback: _onImagePickCallback),
Expanded(
child: Container(
padding: EdgeInsets.symmetric(vertical: 16, horizontal: 8),
child: QuillToolbar.basic(
controller: _controller,
onImagePickCallback: _onImagePickCallback),
),
),
],
),
@ -149,15 +154,33 @@ class _HomePageState extends State<HomePage> {
}
Widget _buildMenuBar(BuildContext context) {
final itemStyle = TextStyle(color: Colors.white);
return ListView(
Size size = MediaQuery.of(context).size;
final itemStyle = TextStyle(
color: Colors.white,
fontSize: 18,
fontWeight: FontWeight.bold,
);
return Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Divider(
thickness: 2,
color: Colors.white,
indent: size.width * 0.1,
endIndent: size.width * 0.1,
),
ListTile(
title: Text('Read only demo', style: itemStyle),
title: Center(child: Text('Read only demo', style: itemStyle)),
dense: true,
visualDensity: VisualDensity.compact,
onTap: _readOnly,
)
),
Divider(
thickness: 2,
color: Colors.white,
indent: size.width * 0.1,
endIndent: size.width * 0.1,
),
],
);
}

@ -111,7 +111,6 @@ Widget _defaultEmbedBuilder(BuildContext context, leaf.Embed node) {
Widget _defaultEmbedBuilderWeb(BuildContext context, leaf.Embed node) {
switch (node.value.type) {
case 'image':
var ui = UniversalUI();
String imageUrl = node.value.data;
Size size = MediaQuery.of(context).size;
UniversalUI().platformViewRegistry.registerViewFactory(

Loading…
Cancel
Save