diff --git a/index.html b/index.html index cc36635..43fac5a 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,33 @@ + + + ShareChess + + + + + - + + + + + + + + + + - SHARECHESS
diff --git a/public/img/baner.png b/public/img/baner.png index 4c579f3..5b53d6f 100644 Binary files a/public/img/baner.png and b/public/img/baner.png differ diff --git a/public/img/logo-dark.svg b/public/img/logo-dark.svg index 8ced401..a8272c6 100644 --- a/public/img/logo-dark.svg +++ b/public/img/logo-dark.svg @@ -1,8 +1,15 @@ - - + + + + + + + + + diff --git a/public/img/logo-full.svg b/public/img/logo-full.svg index 8077951..3c42efd 100644 --- a/public/img/logo-full.svg +++ b/public/img/logo-full.svg @@ -1,9 +1,8 @@ - - - + + - + diff --git a/public/img/logo.svg b/public/img/logo.svg index 15d13fc..dcd454b 100644 --- a/public/img/logo.svg +++ b/public/img/logo.svg @@ -1,8 +1,15 @@ - - + + + + + + + + + diff --git a/src/main.tsx b/src/main.tsx index 929a6ad..7356a07 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -139,7 +139,7 @@ const main = async () => { setState("boardConfig", "flipped", side === "b"); - document.title = `SHARECHESS - ${game.getTitle({ anonymous: false })}`; + document.title = `ShareChess - ${game.getTitle({ anonymous: false })}`; }, async loadFEN(fen: string, hash = true) { const game = new Game().loadFEN(fen); @@ -168,7 +168,7 @@ const main = async () => { setState("boardConfig", "flipped", side === "b"); - document.title = `SHARECHESS - FEN ${fen}`; + document.title = `ShareChess - FEN ${fen}`; }, async load(data: string) { setState("refreshHash", false); diff --git a/src/ui/components/Boards.css b/src/ui/components/Boards.css index e3d11a9..13bcc74 100644 --- a/src/ui/components/Boards.css +++ b/src/ui/components/Boards.css @@ -5,7 +5,6 @@ } .boards__ico { - margin: 0.2rem; cursor: pointer; width: 8.2rem; height: 8.2rem; diff --git a/src/ui/components/GameTabs.css b/src/ui/components/GameTabs.css index 6731723..a7de052 100644 --- a/src/ui/components/GameTabs.css +++ b/src/ui/components/GameTabs.css @@ -6,13 +6,6 @@ height: 100vh; } -@media (orientation: portrait) { - .game-box { - padding: 0; - height: 800px; - } -} - .game { height: 100%; display: grid; @@ -37,3 +30,15 @@ .span3 { grid-row-end: span 3; } + +@media (orientation: portrait) { + .game-box { + padding: 0; + height: auto; + min-height: 100vh; + } + + .game { + display: block; + } +} diff --git a/src/ui/components/Header.tsx b/src/ui/components/Header.tsx index 0fa5019..e81fbed 100644 --- a/src/ui/components/Header.tsx +++ b/src/ui/components/Header.tsx @@ -9,7 +9,9 @@ const Header: Component<{ handlers: Handlers }> = (props) => { return (