Minor UI change
This commit is contained in:
parent
45dd3cb2ef
commit
40115b714d
1 changed files with 5 additions and 4 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue