Minor styling improvements for the React modules done so far
This commit is contained in:
@@ -151,17 +151,17 @@ export default class WiresModule extends KtaneModule {
|
||||
mainRender() {
|
||||
return (
|
||||
<>
|
||||
<ul>
|
||||
<ul className="wireOptions">
|
||||
{
|
||||
this.allColours.map(colour => (
|
||||
<li key={`option_${colour}`}>
|
||||
<li className="wireOptions__item" key={`option_${colour}`}>
|
||||
<button className={`button ${colour}`} data-colour={colour} onClick={this.addWire} />
|
||||
</li>
|
||||
))
|
||||
}
|
||||
</ul>
|
||||
|
||||
<ul id="wireList">
|
||||
<ul className="wireList">
|
||||
{
|
||||
this.state.wires.map((wire, index) => (
|
||||
<li className={`${wire.shouldCut ? "wireToCut" : ""} ${wire.cutFlags.join(" ")}`} key={index}>
|
||||
|
||||
@@ -8,3 +8,6 @@
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
}
|
||||
#sectionButton label {
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
@@ -4,8 +4,9 @@
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
}
|
||||
#wireOptions li {
|
||||
.wireOptions__item {
|
||||
display: inline-block;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
#wireList {
|
||||
list-style-type: decimal;
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
|
||||
sans-serif;
|
||||
|
||||
Reference in New Issue
Block a user