diff options
| -rw-r--r-- | src/components/voerBord.tsx | 52 |
1 files changed, 27 insertions, 25 deletions
diff --git a/src/components/voerBord.tsx b/src/components/voerBord.tsx index c430d02..3e319a1 100644 --- a/src/components/voerBord.tsx +++ b/src/components/voerBord.tsx @@ -8,30 +8,32 @@ export function VoerBord(props: VoerBordProps) { borderSpacing: 8, width: "100%" }}> - { - [...Array(props.height)].map(() => ( - <tr> - {[...Array(props.width)].map(() => ( - <td style={{ - position: "relative", - width: "100%", - padding: 0 - }}> - <div style={{ - display: "block", - marginTop: "100%" - }}/> - <div style={{ - position: "absolute", - top: 0, left: 0, right: 0, bottom: 0, - borderRadius: 6, - border: "2px solid var(--background-alt)", - opacity: .5 - }}/> - </td> - ))} - </tr> - )) - } + <tbody> + { + [...Array(props.height)].map(() => ( + <tr> + {[...Array(props.width)].map(() => ( + <td style={{ + position: "relative", + width: "100%", + padding: 0 + }}> + <div style={{ + display: "block", + marginTop: "100%" + }}/> + <div style={{ + position: "absolute", + top: 0, left: 0, right: 0, bottom: 0, + borderRadius: 6, + border: "2px solid var(--background-alt)", + opacity: .5 + }}/> + </td> + ))} + </tr> + )) + } + </tbody> </table> } |