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

Add a search and menu button to stocks app

Browse Source 
R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/956463002
This commit is contained in:
Adam Barth 2015-02-23 22:14:26 -08:00
parent b24baa7a2a
commit adf02a0dc5
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
examples/stocks/stocks.sky
View File

@ -36,17 +36,17 @@
height: 56px; height: 56px;
box-shadow: 0px 4px 4px grey; box-shadow: 0px 4px 4px grey;
} }
#menu { sky-icon {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 7px; padding: 7px;
margin: 0 8px; margin: 0 4px;
color: black; color: black;
} }
#title { #title {
flex: 1; flex: 1;
margin: 0 8px; margin: 0 4px;
} }
sky-scrollable { sky-scrollable {
flex: 1; flex: 1;
@ -57,7 +57,9 @@
</sky-drawer> </sky-drawer>
<sky-toolbar> <sky-toolbar>
<sky-icon id="menu" type="navigation/menu_white" size="24" /> <sky-icon id="menu" type="navigation/menu_white" size="24" />
I am a stocks app <div id="title">I am a stocks app</div>
<sky-icon type="action/search_white" size="24" />
<sky-icon type="navigation/more_vert_white" size="24" />
</sky-toolbar> </sky-toolbar>
<sky-scrollable id='stock_list'> <sky-scrollable id='stock_list'>
</sky-scrollable> </sky-scrollable>