+ // Center reserves, assuming same number of pieces for each side:
+ const nbReservePieces = myReservePiecesArray.length;
+ const marginLeft = ((100 - nbReservePieces * (100 / sizeY)) / 2) + "%";
+ const reserveTop =
+ h(
+ "div",
+ {
+ class: {
+ game: true,
+ "reserve-div": true
+ },
+ style: {
+ "margin-left": marginLeft
+ }
+ },
+ [
+ h(
+ "div",
+ {
+ class: {
+ row: true,
+ "reserve-row": true
+ }
+ },
+ myReserveTop ? myReservePiecesArray : oppReservePiecesArray
+ )
+ ]
+ );
+ var reserveBottom =
+ h(
+ "div",
+ {
+ class: {
+ game: true,
+ "reserve-div": true
+ },
+ style: {
+ "margin-left": marginLeft
+ }
+ },
+ [
+ h(
+ "div",
+ {
+ class: {
+ row: true,
+ "reserve-row": true
+ }
+ },
+ myReserveTop ? oppReservePiecesArray : myReservePiecesArray
+ )
+ ]
+ );
+ elementArray.push(reserveTop);