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 '../fn.dart'; | 5 import '../fn.dart'; |
6 import '../theme/colors.dart'; | 6 import '../theme/colors.dart'; |
7 import '../theme/shadows.dart'; | 7 import '../theme/shadows.dart'; |
8 | 8 |
9 class Toolbar extends Component { | 9 class Toolbar extends Component { |
10 List<Node> children; | 10 List<Node> children; |
11 | 11 |
12 static final Style _style = new Style(''' | 12 static final Style _style = new Style(''' |
13 display: flex; | 13 display: flex; |
14 align-items: center; | 14 align-items: center; |
15 height: 56px; | 15 height: 56px; |
16 z-index: 1; | 16 z-index: 1; |
17 background-color: ${Purple[500]}; | 17 background-color: ${Purple[500]}; |
18 color: white; | 18 color: white; |
19 box-shadow: ${Shadow[2]};''' | 19 box-shadow: ${Shadow[2]};''' |
20 ); | 20 ); |
21 | 21 |
22 Toolbar({String key, this.children}) : super(key: key); | 22 Toolbar({String key, this.children}) : super(key: key); |
23 | 23 |
24 Node build() { | 24 Node build() { |
25 return new Container( | 25 return new Container( |
26 style: _style, | 26 styles: [_style], |
27 children: children | 27 children: children |
28 ); | 28 ); |
29 } | 29 } |
30 } | 30 } |
OLD | NEW |