+103
-1
lines changedFilter options
+103
-1
lines changed Original file line number Diff line number Diff line change
@@ -1,5 +1,107 @@
1 1
import React from "react";
2 2 3 -
const Mechs = () => <div>Mechs content</div>;
3 +
import {
4 +
Grid,
5 +
Table,
6 +
Segment,
7 +
Header,
8 +
Form,
9 +
} from "semantic-ui-react";
4 10 11 +
const Mechs = () => {
12 + 13 + 14 +
return (
15 +
<Segment>
16 +
<Grid>
17 +
<Grid.Column width={10}>
18 +
<Header as="h3">Mechs List</Header>
19 +
<Table celled>
20 + 21 +
<Table.Header>
22 +
<Table.Row>
23 +
<Table.HeaderCell width={1}>
24 +
ID
25 +
</Table.HeaderCell>
26 +
<Table.HeaderCell width={5}>
27 +
Name
28 +
</Table.HeaderCell>
29 +
<Table.HeaderCell width={3}>
30 +
Model
31 +
</Table.HeaderCell>
32 +
<Table.HeaderCell width={3}>
33 +
Weight (tons)
34 +
</Table.HeaderCell>
35 +
<Table.HeaderCell width={2}>
36 +
Class
37 +
</Table.HeaderCell>
38 + 39 +
</Table.Row>
40 +
</Table.Header>
41 +
<Table.Body>
42 +
<Table.Row>
43 +
<Table.Cell>
44 +
1
45 +
</Table.Cell>
46 +
<Table.Cell>
47 +
Warhammer
48 +
</Table.Cell>
49 +
<Table.Cell>
50 +
WHM-6R
51 +
</Table.Cell>
52 +
<Table.Cell>
53 +
70
54 +
</Table.Cell>
55 +
<Table.Cell>
56 +
Heavy
57 +
</Table.Cell>
58 +
</Table.Row>
59 +
</Table.Body>
60 + 61 +
</Table>
62 +
</Grid.Column>
63 +
<Grid.Column width={6}>
64 +
<Header as="h3">Mech Details</Header>
65 +
<Segment >
66 +
<Form size="large">
67 +
<Form.Field name="id" width={6} >
68 +
<label>ID</label>
69 +
<input
70 +
placeholder="ID"
71 +
value="1"
72 +
/>
73 +
</Form.Field>
74 +
<Form.Field name="name" width={16} >
75 +
<label>Name</label>
76 +
<input
77 +
placeholder="Name"
78 +
value="Warhammer"
79 +
/>
80 +
</Form.Field>
81 +
<Form.Field name="model" width={6} >
82 +
<label>Model</label>
83 +
<input
84 +
placeholder="Model"
85 +
value="WHM-6R"
86 +
/>
87 +
</Form.Field>
88 +
<Form.Field name="weight" width={6} >
89 +
<label>Weight</label>
90 +
<input
91 +
value="70"
92 +
/>
93 +
</Form.Field>
94 +
<Form.Field name="class" width={6} >
95 +
<label>Class</label>
96 +
<input
97 +
value="Heavy"
98 +
/>
99 +
</Form.Field>
100 +
</Form>
101 +
</Segment>
102 +
</Grid.Column>
103 +
</Grid>
104 +
</Segment>
105 +
)
106 +
}
5 107
export default Mechs;
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4