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