mirror of
https://github.com/flutter/flutter
synced 2024-10-13 11:42:54 +00:00
Update Sky widgets to have more material design
This CL updates the Sky widgets to be closer to the material design spec. There's still a long way to go, but this CL is a start. R=eseidel@chromium.org Review URL: https://codereview.chromium.org/951823002
This commit is contained in:
parent
adf02a0dc5
commit
3904a6c35b
|
@ -13,6 +13,9 @@
|
|||
<sky-element>
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
font-family: 'Roboto Regular', 'Helvetica';
|
||||
}
|
||||
div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -34,9 +37,11 @@
|
|||
</sky-box>
|
||||
|
||||
<sky-box title='Buttons'>
|
||||
<sky-button id='button'>Button</sky-button>
|
||||
<div>highlight: {{ myButton.highlight }}</div>
|
||||
<div>clickCount: {{ clickCount }}</div>
|
||||
<div style="display: flex; flex-direction: horizontal">
|
||||
<div style="flex:1" />
|
||||
<sky-button level="1" id="button">CANCEL</sky-button>
|
||||
<sky-button level="1" primary>CONFIRM</sky-button>
|
||||
</div>
|
||||
</sky-box>
|
||||
|
||||
<sky-box title='Checkboxes'>
|
||||
|
|
Loading…
Reference in a new issue