Minor UI change

This commit is contained in:
Anthony Wang 2021-05-09 18:57:45 +00:00 committed by GitHub
parent 45dd3cb2ef
commit 40115b714d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -18,9 +18,7 @@ interface GameState {
const rankStrs = ['', 'A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K']; const rankStrs = ['', 'A', '2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K'];
const suitChars = ['♣', '♦', '♥', '♠']; const suitChars = ['♣', '♦', '♥', '♠'];
const rules = `Welcome to BSX! const rules = `There are only 5 simple rules!
There are only 5 simple rules!
1. You will first be dealt 5 cards. 1. You will first be dealt 5 cards.
@ -88,6 +86,9 @@ export default function Game() {
if (!loggedIn) { if (!loggedIn) {
return ( return (
<> <>
<h2>
Welcome to BSX!
</h2>
<div> <div>
{rules} {rules}
</div> </div>
@ -158,7 +159,7 @@ export default function Game() {
</div> </div>
{`Rearrange your card stack from top to bottom!`} {`Rearrange your card stack from top to bottom!`}
<div> <div>
<p>Your cards:</p> <p>Your cards stack:</p>
{gameState.cards.map((card, i) => ( {gameState.cards.map((card, i) => (
<label key={card.rank+' '+card.suit}> <label key={card.rank+' '+card.suit}>
<div> <div>