| OLD | NEW |
| 1 // Copyright 2015 The Chromium Authors. All rights reserved. | 1 // Copyright 2015 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 import '../theme/view_configuration.dart'; | 5 import '../theme/view_configuration.dart'; |
| 6 import 'basic.dart'; | 6 import 'basic.dart'; |
| 7 import 'default_text_style.dart'; | 7 import 'default_text_style.dart'; |
| 8 import 'theme.dart'; | 8 import 'theme.dart'; |
| 9 | 9 |
| 10 // TODO(jackson): This class should usually render the user's | 10 // TODO(jackson): This class should usually render the user's |
| 11 // preferred banner image rather than a solid background | 11 // preferred banner image rather than a solid background |
| 12 | 12 |
| 13 class DrawerHeader extends Component { | 13 class DrawerHeader extends Component { |
| 14 | 14 |
| 15 DrawerHeader({ String key, this.children }) : super(key: key); | 15 DrawerHeader({ String key, this.children }) : super(key: key); |
| 16 | 16 |
| 17 final List<Widget> children; | 17 final List<Widget> children; |
| 18 | 18 |
| 19 @override |
| 19 Widget build() { | 20 Widget build() { |
| 20 return new Container( | 21 return new Container( |
| 21 height: kStatusBarHeight + kMaterialDrawerHeight, | 22 height: kStatusBarHeight + kMaterialDrawerHeight, |
| 22 decoration: new BoxDecoration( | 23 decoration: new BoxDecoration( |
| 23 backgroundColor: Theme.of(this).cardColor, | 24 backgroundColor: Theme.of(this).cardColor, |
| 24 border: const Border( | 25 border: const Border( |
| 25 bottom: const BorderSide( | 26 bottom: const BorderSide( |
| 26 color: const Color(0xFFD1D9E1), | 27 color: const Color(0xFFD1D9E1), |
| 27 width: 1.0 | 28 width: 1.0 |
| 28 ) | 29 ) |
| 29 ) | 30 ) |
| 30 ), | 31 ), |
| 31 padding: const EdgeDims.only(bottom: 7.0), | 32 padding: const EdgeDims.only(bottom: 7.0), |
| 32 margin: const EdgeDims.only(bottom: 8.0), | 33 margin: const EdgeDims.only(bottom: 8.0), |
| 33 child: new Flex([ | 34 child: new Flex([ |
| 34 new Flexible(child: new Container()), | 35 new Flexible(child: new Container()), |
| 35 new Container( | 36 new Container( |
| 36 padding: const EdgeDims.symmetric(horizontal: 16.0), | 37 padding: const EdgeDims.symmetric(horizontal: 16.0), |
| 37 child: new DefaultTextStyle( | 38 child: new DefaultTextStyle( |
| 38 style: Theme.of(this).text.body2, | 39 style: Theme.of(this).text.body2, |
| 39 child: new Flex(children, direction: FlexDirection.horizontal) | 40 child: new Flex(children, direction: FlexDirection.horizontal) |
| 40 ) | 41 ) |
| 41 )], | 42 )], |
| 42 direction: FlexDirection.vertical | 43 direction: FlexDirection.vertical |
| 43 ) | 44 ) |
| 44 ); | 45 ); |
| 45 } | 46 } |
| 46 | 47 |
| 47 } | 48 } |
| OLD | NEW |