The table fits the window: the hand stays in reach, the maze takes the height
On a desktop the game grid is now exactly the window's height. The board and the paper rail share the top row, the rail scrolling in place, and the hand with its End turn sit pinned beneath — nothing a first turn needs is ever below the fold. The board's window fills whatever height the row allows instead of a fixed subtraction. A wide, short window — a laptop in landscape — stands the hand beside the board on its own until the player chooses a side, since a tall maze under a bottom hand left a postage stamp. A short window shrinks the bottom hand's cards a little. The eyes toggle floats over the board's corner so it costs no height, and the masthead's "invite friends" hides on phones where it wrapped. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
4cc0423846
commit
ff35e8ef8e
@@ -25,6 +25,9 @@ export interface Prefs {
|
||||
/** The hand of cards stands in a column at the board's left instead of
|
||||
* lying along the bottom (wide screens only). */
|
||||
handLeft: boolean;
|
||||
/** The hand's side was picked by hand; until then a wide, short screen
|
||||
* stands the cards beside the board on its own. */
|
||||
handLeftChosen: boolean;
|
||||
/** The first-turn coaching slip has been read and dismissed. */
|
||||
coached: boolean;
|
||||
/** The automaton tier was picked by hand (so a finished game leaves it alone). */
|
||||
@@ -42,7 +45,7 @@ const KEY = "wizwar-prefs";
|
||||
function load(): Prefs {
|
||||
const fallback: Prefs = {
|
||||
art: "photo", autoGrab: false, flourishes: true, wizardName: "", color: null,
|
||||
cautions: true, botTier: "apprentice", instantReplay: true, liveFp: false, handLeft: false,
|
||||
cautions: true, botTier: "apprentice", instantReplay: true, liveFp: false, handLeft: false, handLeftChosen: false,
|
||||
coached: false, tierChosen: false, finishedGames: 0, stepLightAlways: false,
|
||||
};
|
||||
try {
|
||||
@@ -62,6 +65,7 @@ function load(): Prefs {
|
||||
instantReplay: p.instantReplay !== false,
|
||||
liveFp: p.liveFp === true,
|
||||
handLeft: p.handLeft === true,
|
||||
handLeftChosen: p.handLeftChosen === true || p.handLeft === true,
|
||||
coached: p.coached === true,
|
||||
tierChosen: p.tierChosen === true,
|
||||
finishedGames: typeof p.finishedGames === "number" ? p.finishedGames : 0,
|
||||
|
||||
Reference in New Issue
Block a user