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 background-color: ${Purple[500]}; | 18 background-color: ${Purple[500]}; |
18 color: white; | 19 color: white; |
19 padding-top: ${kStatusBarHeight}px; | 20 padding-top: ${kStatusBarHeight}px; |
20 box-shadow: ${Shadow[2]};''' | 21 box-shadow: ${Shadow[2]};''' |
21 ); | 22 ); |
22 | 23 |
23 ActionBar({String key, this.children}) : super(key: key); | 24 ActionBar({String key, this.children}) : super(key: key); |
24 | 25 |
25 Node build() { | 26 Node build() { |
26 return new Container( | 27 return new Container( |
27 style: _style, | 28 style: _style, |
28 children: children | 29 children: children |
29 ); | 30 ); |
30 } | 31 } |
31 } | 32 } |
OLD | NEW |