OLD | NEW |
1 <app> | 1 <app> |
2 <style> | 2 <style> |
3 * { box-sizing: border-box; } | 3 * { box-sizing: border-box; } |
4 | 4 |
5 t, span { | 5 t, span { |
6 display: inline; | 6 display: inline; |
7 } | 7 } |
8 | 8 |
9 app { | 9 app { |
10 display: flex; | 10 display: flex; |
11 flex-direction: column; | 11 flex-direction: column; |
12 height: 100%; | 12 height: 100%; |
13 background-color: #494949; | 13 background-color: #494949; |
14 font-family: "Helvetica Neue", sans-serif; | 14 font-family: sans-serif; |
15 font-size: 16px; | 15 font-size: 16px; |
16 color: #2B2B2B; | 16 color: #2B2B2B; |
17 } | 17 } |
18 | 18 |
19 app-header { | 19 app-header { |
20 display: flex; | 20 display: flex; |
21 background: linear-gradient(#3E77B7, #6C98C4); | 21 background: linear-gradient(#3E77B7, #6C98C4); |
22 padding: 8px; | 22 padding: 8px; |
23 color: white; | 23 color: white; |
24 border-bottom: 1px solid #3E77B7; | 24 border-bottom: 1px solid #3E77B7; |
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
165 <app-header> | 165 <app-header> |
166 <app-title> | 166 <app-title> |
167 <t>Search</t> | 167 <t>Search</t> |
168 </app-title> | 168 </app-title> |
169 <app-menu-button> | 169 <app-menu-button> |
170 <img src="images/menu-white.png" class="menu-icon"> | 170 <img src="images/menu-white.png" class="menu-icon"> |
171 </app-menu-button> | 171 </app-menu-button> |
172 </app-header> | 172 </app-header> |
173 <app-toolbar> | 173 <app-toolbar> |
174 <app-search-input> | 174 <app-search-input> |
175 <span class="input-icon"><t>🔎</t></span> | 175 <span class="input-icon"> |
| 176 <img src="/sky/examples/flights/images/magnifying-glass.png" style="widt
h: 16px"> |
| 177 </span> |
176 <span class="input-text"><t>flights today to dc by price</t></span> | 178 <span class="input-text"><t>flights today to dc by price</t></span> |
177 </app-search-input> | 179 </app-search-input> |
178 </app-toolbar> | 180 </app-toolbar> |
179 <app-scrollable> | 181 <app-scrollable> |
180 <app-panel class="route-result"> | 182 <app-panel class="route-result"> |
181 <app-panel-header> | 183 <app-panel-header> |
182 <div class="route-title"> | 184 <div class="route-title"> |
183 <t>SFO to DCA</t> | 185 <t>SFO to DCA</t> |
184 </div> | 186 </div> |
185 <app-menu-button> | 187 <app-menu-button> |
(...skipping 93 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
279 <app-toast-header> | 281 <app-toast-header> |
280 <div class="tip-icon"> | 282 <div class="tip-icon"> |
281 <t>?</t> | 283 <t>?</t> |
282 </div> | 284 </div> |
283 </app-toast-header> | 285 </app-toast-header> |
284 <app-toast-content> | 286 <app-toast-content> |
285 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> | 287 <t>Flights are <span class="tip-price">$200</span> cheaper tomorrow.</t> |
286 </app-toast-content> | 288 </app-toast-content> |
287 </app-toast> | 289 </app-toast> |
288 </app> | 290 </app> |
OLD | NEW |