From 0ddd056990d33f335cefc7f0a633e837ce7e116a Mon Sep 17 00:00:00 2001
From: lonkaars <l.leblansch@gmail.com>
Date: Fri, 19 Feb 2021 20:32:24 +0100
Subject: working connect 4 game on website

---
 components/voerBord.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'components')

diff --git a/components/voerBord.tsx b/components/voerBord.tsx
index ce35ed8..74db65d 100644
--- a/components/voerBord.tsx
+++ b/components/voerBord.tsx
@@ -1,9 +1,18 @@
+function Disc() {
+	return <div className="disk" style={{
+		position: "absolute",
+		top: 0, left: 0, right: 0, bottom: 0,
+		borderRadius: 999999,
+		margin: 3
+	}}/>
+}
+
 export function VoerBord(props: {
 	width: number;
 	height: number;
 	onMove: (move: number) => void;
 }) {
-	return <table style={{
+	return <table className="voerBord" style={{
 		borderSpacing: 8,
 		width: "100%"
 	}}>
@@ -21,6 +30,7 @@ export function VoerBord(props: {
 									display: "block",
 									marginTop: "100%"
 								}}/>
+								<Disc/>
 								<div style={{
 									position: "absolute",
 									top: 0, left: 0, right: 0, bottom: 0,
-- 
cgit v1.2.3