Chromium Code Reviews| Index: appengine/config_service/ui/src/config-ui/config-ui.html |
| diff --git a/appengine/config_service/ui/src/config-ui/config-ui.html b/appengine/config_service/ui/src/config-ui/config-ui.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..20d9c71c31e2dff38c7f936f3734e616fbdccadb |
| --- /dev/null |
| +++ b/appengine/config_service/ui/src/config-ui/config-ui.html |
| @@ -0,0 +1,63 @@ |
| +<!-- |
| + Copyright 2017 The LUCI Authors. All rights reserved. |
| + Use of this source code is governed under the Apache License, Version 2.0 |
| + that can be found in the LICENSE file. |
| +--> |
| + |
| +<link rel="import" href="../../bower_components/polymer/polymer.html"> |
| +<link rel="import" href="../../bower_components/app-layout/app-layout.html"> |
| +<link rel="import" href="../../bower_components/paper-search/paper-search-bar.html"> |
| + |
| +<dom-module id="config-ui"> |
| + <template> |
| + <style> |
| + html, body { |
| + margin: 0; |
| + background: #f1f1f1; |
| + } |
|
turakulov
2017/06/08 01:22:00
Why this style is defined in this file as opposed
|
| + |
| + app-toolbar { |
| + background-color: #efefef; |
| + color: #232323; |
| + } |
| + |
| + app-header { |
| + @apply --layout-fixed-top; |
| + } |
| + |
| + .title { |
| + padding-left: 1%; |
| + padding-bottom: 0.5%; |
| + font-size: 150%; |
| + font-family: sans-serif; |
| + } |
| + |
| + .search { |
| + padding-top: 15%; |
| + } |
| + |
| + paper-search-bar { |
| + border-style: solid; |
| + border-width: 2px; |
| + width: 40%; |
| + margin: auto; |
| + } |
| + </style> |
| + <app-header reveals> |
| + <app-toolbar> |
| + <image src="../../images/google.png"/> |
|
turakulov
2017/06/08 01:22:00
Is this a Google logo? I am not sure branding team
|
| + <div class="title" main-title>Configuration Service</div> |
| + </app-toolbar> |
| + </app-header> |
| + |
| + <center class="search"> |
| + <paper-search-bar><paper-search-bar> |
| + </center> |
| + </template> |
| + |
| + <script> |
| + Polymer({ |
| + is: 'config-ui' |
| + }); |
| + </script> |
| +</dom-module> |