From 37547db3812fb0871b0f16875a9d7950a415ed66 Mon Sep 17 00:00:00 2001 From: rish07 Date: Sun, 7 Mar 2021 05:31:27 +0530 Subject: [PATCH] Fix toolbar height and made UI of drawer better --- app/lib/pages/home_page.dart | 43 +++++++++++++++++++++++++++--------- lib/widgets/editor.dart | 1 - 2 files changed, 33 insertions(+), 11 deletions(-) diff --git a/app/lib/pages/home_page.dart b/app/lib/pages/home_page.dart index c0b48222..a6554e4b 100644 --- a/app/lib/pages/home_page.dart +++ b/app/lib/pages/home_page.dart @@ -64,7 +64,9 @@ class _HomePageState extends State { ), 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 { mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ 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 { ), ), ), - 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 { } 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, + ), ], ); } diff --git a/lib/widgets/editor.dart b/lib/widgets/editor.dart index 7321421b..3ed4423f 100644 --- a/lib/widgets/editor.dart +++ b/lib/widgets/editor.dart @@ -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(