table layout wip

2019-11-12 16:42:33 +10:00
parent 01fa0c5137
commit 66263be25f
2 changed files with 33 additions and 20 deletions
@@ -151,17 +151,18 @@ class InfoComponent extends preact.Component {
                <table class="combos">
                    <tbody>
                        {vboxCombos.map((c, i) =>
-                            <tr key={i}>
-                                <td class="table-button"
-                                    onMouseOver={e => {
-                                        e.stopPropagation();
-                                        this.setState({ comboItem: c.item });
-                                    }}
-                                    onClick={() => setInfo(c.item)}
-                                > {convertItem(c.item)} </td>
+                            <td><table>
+                                    <tr class="table-button"
+                                        onMouseOver={e => {
+                                            e.stopPropagation();
+                                            this.setState({ comboItem: c.item });
+                                        }}
+                                        onClick={() => setInfo(c.item)}
+                                    > {convertItem(c.item)} </tr>

-                                {c.components.map((u, j) => <td key={j} >{convertItem(u)}</td>)}
-                            </tr>
+                                    {c.components.map((u, j) => <tr key={j} >{convertItem(u)}</tr>)}
+                                </table>
+                            </td>
                        )}
                    </tbody>
                </table>