From 6c0f2aa1989f707ef3a831f0ca1a73fa78baa31f Mon Sep 17 00:00:00 2001 From: Vinzenz Schroeter Date: Sat, 13 Apr 2024 23:53:09 +0200 Subject: [PATCH] cccb font, layout adjustments --- tank-frontend/public/CCCBFont.woff | Bin 0 -> 6428 bytes tank-frontend/src/PlayerInfo.css | 7 +------ tank-frontend/src/PlayerInfo.tsx | 15 +++++---------- tank-frontend/src/components/Column.css | 1 + tank-frontend/src/components/Row.css | 1 + tank-frontend/src/index.css | 16 ++++++++++++++-- tank-frontend/src/index.tsx | 11 ++++++++--- 7 files changed, 30 insertions(+), 21 deletions(-) create mode 100644 tank-frontend/public/CCCBFont.woff diff --git a/tank-frontend/public/CCCBFont.woff b/tank-frontend/public/CCCBFont.woff new file mode 100644 index 0000000000000000000000000000000000000000..04b40af0f609fe954369ff94a8fa6fc909f23545 GIT binary patch literal 6428 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 Mc6_~hA^_$80cR>ECjbBd literal 0 HcmV?d00001 diff --git a/tank-frontend/src/PlayerInfo.css b/tank-frontend/src/PlayerInfo.css index 720171a..c3a8623 100644 --- a/tank-frontend/src/PlayerInfo.css +++ b/tank-frontend/src/PlayerInfo.css @@ -1,9 +1,4 @@ -.PlayerInfo { - border: 2px solid rgb(76, 76, 76); - border-radius: 4px; -} - -.Elems { + .Elems { padding: 8px 8px; margin: 8px 8px; } diff --git a/tank-frontend/src/PlayerInfo.tsx b/tank-frontend/src/PlayerInfo.tsx index 518b5b1..a2f1f5b 100644 --- a/tank-frontend/src/PlayerInfo.tsx +++ b/tank-frontend/src/PlayerInfo.tsx @@ -4,12 +4,10 @@ import {PlayerResponse, getPlayer} from './serverCalls'; import {Guid} from "./Guid.ts"; import Column from "./components/Column.tsx"; import Row from "./components/Row.tsx"; -import Button from "./components/Button.tsx"; -export default function PlayerInfo({playerId, logout, reset}: { +export default function PlayerInfo({playerId, logout}: { playerId: Guid, - logout: () => void, - reset: () => void + logout: () => void }) { const [player, setPlayer] = useState(); @@ -28,12 +26,9 @@ export default function PlayerInfo({playerId, logout, reset}: { }, [playerId]); return - -

- {player ? `Playing as "${player?.name}"` : 'loading...'} -

-