From af2d6a1f16b66031d18f0b7cd5470447191d732e Mon Sep 17 00:00:00 2001 From: Vinzenz Schroeter Date: Sun, 14 Apr 2024 00:49:39 +0200 Subject: [PATCH] improved gadget layout --- tank-frontend/public/CCCBFont.ttf | Bin 0 -> 93084 bytes tank-frontend/src/Controls.css | 8 ++---- tank-frontend/src/Controls.tsx | 32 ++++++++++----------- tank-frontend/src/PlayerInfo.tsx | 23 ++++++++------- tank-frontend/src/components/Column.css | 1 - tank-frontend/src/components/DataTable.css | 2 +- tank-frontend/src/components/Row.css | 1 - tank-frontend/src/index.css | 27 +++++++++-------- tank-frontend/src/index.tsx | 2 +- 9 files changed, 46 insertions(+), 50 deletions(-) create mode 100644 tank-frontend/public/CCCBFont.ttf diff --git a/tank-frontend/public/CCCBFont.ttf b/tank-frontend/public/CCCBFont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..f85643de68ba418567e1bb2d32ffc84991009c4c GIT binary patch literal 93084 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�O}v9Xc5{7jO6HKQ*Z}MI_!j?uZgi}M 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 r)Ui&t|7!MMT57d#AWN*5O-uBbx!#|w_>14B#b - -
-
- -
-
- - - -
+ return +
+
+
-

Move

-
- Space +
+ + +
-

Fire

- - ; +
+

Move

+ + Space + +

Fire

+ ; } diff --git a/tank-frontend/src/PlayerInfo.tsx b/tank-frontend/src/PlayerInfo.tsx index a2f1f5b..a3e6d3d 100644 --- a/tank-frontend/src/PlayerInfo.tsx +++ b/tank-frontend/src/PlayerInfo.tsx @@ -3,7 +3,6 @@ import './PlayerInfo.css' import {PlayerResponse, getPlayer} from './serverCalls'; import {Guid} from "./Guid.ts"; import Column from "./components/Column.tsx"; -import Row from "./components/Row.tsx"; export default function PlayerInfo({playerId, logout}: { playerId: Guid, @@ -27,15 +26,19 @@ export default function PlayerInfo({playerId, logout}: { return

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

- -

kills:

-

{player?.scores.kills}

-
- -

deaths:

-

{player?.scores.deaths}

-
+ + + + + + + + + + + +
kills:{player?.scores.kills}
deaths:{player?.scores.deaths}
; } diff --git a/tank-frontend/src/components/Column.css b/tank-frontend/src/components/Column.css index 791c0ae..a5e48ab 100644 --- a/tank-frontend/src/components/Column.css +++ b/tank-frontend/src/components/Column.css @@ -1,7 +1,6 @@ .Column { display: flex; flex-direction: column; - flex: auto; max-height: 100%; align-items: stretch; gap: 8px; diff --git a/tank-frontend/src/components/DataTable.css b/tank-frontend/src/components/DataTable.css index 2fc4e78..3ba8ebc 100644 --- a/tank-frontend/src/components/DataTable.css +++ b/tank-frontend/src/components/DataTable.css @@ -1,3 +1,3 @@ .DataTable { - flex-grow: 1; + table-layout: auto; } diff --git a/tank-frontend/src/components/Row.css b/tank-frontend/src/components/Row.css index b26cc11..d0a8c9f 100644 --- a/tank-frontend/src/components/Row.css +++ b/tank-frontend/src/components/Row.css @@ -1,7 +1,6 @@ .Row { display: flex; flex-direction: row; - flex: auto; max-width: 100%; align-items: stretch; gap: 8px; diff --git a/tank-frontend/src/index.css b/tank-frontend/src/index.css index 5830fc5..dcd795f 100644 --- a/tank-frontend/src/index.css +++ b/tank-frontend/src/index.css @@ -2,12 +2,18 @@ box-sizing: border-box; } -html, body { - height: 100%; +@font-face { + font-family: 'CCCBFont'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url('/CCCBFont.ttf') format('ttf'), url('/CCCBFont.woff') format('woff'); } -body { - font-family: sans-serif; +html, body { + height: 100%; + + font-family: CCCBFont, monospace; margin: 0; display: flex; align-items: center; @@ -29,14 +35,7 @@ body { flex-grow: 1; } -@font-face { - font-family: 'CCCBFont'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url('/public/CCCBFont.woff') format('woff'); -} - -* { - font-family: CCCBFont, monospace; +.GadgetRows { + justify-content: space-evenly; + margin-top: 24px; } diff --git a/tank-frontend/src/index.tsx b/tank-frontend/src/index.tsx index 1b45f4a..67c3cc7 100644 --- a/tank-frontend/src/index.tsx +++ b/tank-frontend/src/index.tsx @@ -38,7 +38,7 @@ function App() { {nameId.name === '' && } - {isLoggedIn && + {isLoggedIn &&