firka/flutter
firka/flutter
5
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make the stocks drawer look more realistic

Browse Source 
The menu items don't quite make sense for this app, but they're closer in
visual styling.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/951413002
This commit is contained in:
Adam Barth 2015-02-24 10:48:23 -08:00
parent 5f50e4b60f
commit 0c2621411d
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
examples/stocks/stocks.sky
View File

@ -3,9 +3,12 @@
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-->
<import src="/sky/framework/sky-drawer-header.sky" />
<import src="/sky/framework/sky-drawer.sky" />
<import src="/sky/framework/sky-element.sky" />
<import src="/sky/framework/sky-icon.sky" />
<import src="/sky/framework/sky-menu-divider.sky" />
<import src="/sky/framework/sky-menu-item.sky" />
<import src="/sky/framework/sky-scrollable.sky" />
<import src="/sky/framework/sky-toolbar.sky" />
<import src="stock.sky" as='view'/>
@ -35,12 +38,8 @@
color: white;
}
sky-icon {
display: flex;
justify-content: center;
align-items: center;
padding: 8px;
margin: 0 4px;
color: black;
}
#title {
flex: 1;
@ -51,7 +50,14 @@
}
</style>
<sky-drawer id="drawer">
I am drawer
<sky-drawer-header>
Stocks
</sky-drawer-header>
<sky-menu-item icon="content/inbox">Inbox</sky-menu-item>
<sky-menu-item icon="content/drafts">Drafts</sky-menu-item>
<sky-menu-divider />
<sky-menu-item icon="action/settings">Settings</sky-menu-item>
<sky-menu-item icon="action/help">Help &amp; feedback</sky-menu-item>
</sky-drawer>
<sky-toolbar level="2">
<sky-icon id="menu" type="navigation/menu_white" size="24" />