OLD | NEW |
1 part of widgets; | 1 part of widgets; |
2 | 2 |
3 class DrawerHeader extends Component { | 3 class DrawerHeader extends Component { |
4 | 4 |
5 static Style _style = new Style(''' | 5 static Style _style = new Style(''' |
6 display: flex; | 6 display: flex; |
7 flex-direction: column; | 7 flex-direction: column; |
8 height: 140px; | 8 height: 140px; |
9 -webkit-user-select: none; | 9 -webkit-user-select: none; |
10 background-color: ${BlueGrey[50]}; | 10 background-color: ${BlueGrey[50]}; |
11 border-bottom: 1px solid #D1D9E1; | 11 border-bottom: 1px solid #D1D9E1; |
12 padding-bottom: 7px; | 12 padding-bottom: 7px; |
13 margin-bottom: 8px;''' | 13 margin-bottom: 8px;''' |
14 ); | 14 ); |
15 | 15 |
16 static Style _spacerStyle = new Style(''' | 16 static Style _spacerStyle = new Style(''' |
17 flex: 1''' | 17 flex: 1''' |
18 ); | 18 ); |
19 | 19 |
20 static Style _labelStyle = new Style(''' | 20 static Style _labelStyle = new Style(''' |
21 padding: 0 16px; | 21 padding: 0 16px; |
22 font-family: 'Roboto Medium', 'Helvetica'; | 22 font-family: 'Roboto Medium', 'Helvetica'; |
23 color: #212121;''' | 23 color: #212121;''' |
24 ); | 24 ); |
25 | 25 |
26 List<Node> children; | 26 List<Node> children; |
27 | 27 |
28 DrawerHeader({ Object key, this.children }) : super(key: key); | 28 DrawerHeader({ Object key, this.children }) : super(key: key); |
29 | 29 |
30 Node render() { | 30 Node build() { |
31 return new Container( | 31 return new Container( |
32 style: _style, | 32 style: _style, |
33 children: [ | 33 children: [ |
34 new Container( | 34 new Container( |
35 key: 'Spacer', | 35 key: 'Spacer', |
36 style: _spacerStyle | 36 style: _spacerStyle |
37 ), | 37 ), |
38 new Container( | 38 new Container( |
39 key: 'Label', | 39 key: 'Label', |
40 style: _labelStyle, | 40 style: _labelStyle, |
41 children: children | 41 children: children |
42 ) | 42 ) |
43 ] | 43 ] |
44 ); | 44 ); |
45 } | 45 } |
46 } | 46 } |
OLD | NEW |