mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
a2904c14d3
This CL adds typography information to the Sky theme. The values are from the Material Design spec. I've also applied these values to the stocks app and the various components. We're not geting precisely the right typography in some cases because of https://github.com/domokit/mojo/issues/65. R=eseidel@chromium.org Review URL: https://codereview.chromium.org/1006363004
50 lines
1.1 KiB
Dart
50 lines
1.1 KiB
Dart
// Copyright 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import '../fn.dart';
|
|
import '../theme/colors.dart';
|
|
import '../theme/view-configuration.dart';
|
|
|
|
class DrawerHeader extends Component {
|
|
static final Style _style = new Style('''
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: ${140 + kStatusBarHeight}px;
|
|
-webkit-user-select: none;
|
|
background-color: ${BlueGrey[50]};
|
|
border-bottom: 1px solid #D1D9E1;
|
|
padding-bottom: 7px;
|
|
margin-bottom: 8px;'''
|
|
);
|
|
|
|
static final Style _spacerStyle = new Style('''
|
|
flex: 1'''
|
|
);
|
|
|
|
static final Style _labelStyle = new Style('''
|
|
padding: 0 16px;'''
|
|
);
|
|
|
|
List<Node> children;
|
|
|
|
DrawerHeader({ Object key, this.children }) : super(key: key);
|
|
|
|
Node build() {
|
|
return new Container(
|
|
style: _style,
|
|
children: [
|
|
new Container(
|
|
key: 'Spacer',
|
|
style: _spacerStyle
|
|
),
|
|
new Container(
|
|
key: 'Label',
|
|
style: _labelStyle,
|
|
children: children
|
|
)
|
|
]
|
|
);
|
|
}
|
|
}
|