From b4e217548e395e47a2ddcdd7f4b76e4dd47e1a07 Mon Sep 17 00:00:00 2001 From: Dogma <103559271+ArtificialDogma@users.noreply.github.com> Date: Sun, 14 Apr 2024 21:38:10 +1000 Subject: [PATCH] Updated Font and Unit Summary - Font updated to Inter - UI Changes to Unit Summary Component --- frontend/react/index.html | 28 +++++++++++-------- frontend/react/src/index.css | 5 ++++ .../react/src/ui/components/olunitsummary.tsx | 14 +++++----- 3 files changed, 29 insertions(+), 18 deletions(-) diff --git a/frontend/react/index.html b/frontend/react/index.html index 7a0cff2c..f9de80fe 100644 --- a/frontend/react/index.html +++ b/frontend/react/index.html @@ -1,14 +1,20 @@ - - - - - Vite + React - - -
- - - + + + + + + + + Vite + React + + + +
+ + + + + \ No newline at end of file diff --git a/frontend/react/src/index.css b/frontend/react/src/index.css index 7d267d2e..2903cdc7 100644 --- a/frontend/react/src/index.css +++ b/frontend/react/src/index.css @@ -6,6 +6,11 @@ * { font-weight: 400; + font-family: "Inter", sans-serif; + font-optical-sizing: auto; + font-style: normal; + font-variation-settings: + "slnt" 0; } .z-ui-0 { diff --git a/frontend/react/src/ui/components/olunitsummary.tsx b/frontend/react/src/ui/components/olunitsummary.tsx index 40f4f471..528df7cf 100644 --- a/frontend/react/src/ui/components/olunitsummary.tsx +++ b/frontend/react/src/ui/components/olunitsummary.tsx @@ -6,22 +6,22 @@ export function OlUnitSummary(props: { blueprint: UnitBlueprint, coalition: Coalition }) { - return
+ return
- -
{props.blueprint.label}
+ +
{props.blueprint.label}
-

{props.blueprint.description}

+

{props.blueprint.description}

-
+
{props.blueprint.abilities?.split(" ").map((tag) => { - return
+ return
{tag}
})} -
{props.blueprint.era === "WW2" ? "WW2" : props.blueprint.era.split(" ").map((word) => { +
{props.blueprint.era === "WW2" ? "WW2" : props.blueprint.era.split(" ").map((word) => { return word.charAt(0).toLocaleUpperCase(); })}