microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

making some index.html changes to show demo & exercise

Browse Source
This commit is contained in:
Ken
2019-02-19 09:27:08 -08:00
parent b5c038af9e
commit 735a44374a
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -69,28 +69,32 @@
Setup, HTML, CSS, Javascript and Intro to React Setup, HTML, CSS, Javascript and Intro to React
</li> </li>
<li class="Tile"> <li class="Tile">
<a target="_blank" href="/step2-01/demo/" class="Tile-link"> <div class="Tile-link">
Step 1<br /> Step 1<br />
Typescript Basics Typescript Basics
</a> <div><a target="_blank" href="/step2-01/demo/">demo</a> | <a target="_blank" href="/step2-01/exercise/">exercise</a></div>
</div>
</li> </li>
<li class="Tile"> <li class="Tile">
<a target="_blank" href="/step2-02/demo/" class="Tile-link"> <div class="Tile-link">
Step 2<br /> Step 2<br />
UI Fabric UI Fabric
</a> <div><a target="_blank" href="/step2-02/demo/">demo</a> | <a target="_blank" href="/step2-02/exercise/">exercise</a></div>
</div>
</li> </li>
<li class="Tile"> <li class="Tile">
<a target="_blank" href="/step2-03/demo/" class="Tile-link"> <div class="Tile-link">
Step 3<br /> Step 3<br />
UI Fabric: Theming and Styling UI Fabric: Theming and Styling
</a> <div><a target="_blank" href="/step2-03/demo/">demo</a> | <a target="_blank" href="/step2-03/exercise/">exercise</a></div>
</div>
</li> </li>
<li class="Tile"> <li class="Tile">
<a target="_blank" href="/step2-04/" class="Tile-link"> <div class="Tile-link">
Step 4<br /> Step 4<br />
Testing with jest Testing with jest
</a> <div><a target="_blank" href="/step2-04/demo/">demo</a> | <a target="_blank" href="/step2-04/exercise/">exercise</a></div>
</div>
</li> </li>
<li class="Tile"> <li class="Tile">
<a target="_blank" href="/step2-05/" class="Tile-link"> <a target="_blank" href="/step2-05/" class="Tile-link">

4
step2-03/exercise/src/components/TodoApp.tsx
View File

@@ -6,7 +6,7 @@ import { TodoList } from './TodoList';
import { Store } from '../store'; import { Store } from '../store';
// TODO: Change me to another theme! // TODO: Change me to another theme!
import { AzureCustomizationsLight } from '@uifabric/azure-themes'; import { TeamsCustomizations } from '@uifabric/theme-samples';
let index = 0; let index = 0;
@@ -26,7 +26,7 @@ export class TodoApp extends React.Component<any, Store> {
render() { render() {
const { filter, todos } = this.state; const { filter, todos } = this.state;
return ( return (
<Customizer {...AzureCustomizationsLight}> <Customizer {...TeamsCustomizations}>
<Stack horizontalAlign="center"> <Stack horizontalAlign="center">
<Stack style={{ width: 400 }} gap={25} className={className}> <Stack style={{ width: 400 }} gap={25} className={className}>
<TodoHeader addTodo={this._addTodo} setFilter={this._setFilter} filter={filter} /> <TodoHeader addTodo={this._addTodo} setFilter={this._setFilter} filter={filter} />