diff --git a/app/routes/object-damage-calculator.tsx b/app/routes/object-damage-calculator.tsx index 6d01e2477..c5572dd01 100644 --- a/app/routes/object-damage-calculator.tsx +++ b/app/routes/object-damage-calculator.tsx @@ -31,6 +31,8 @@ import { Ability } from "~/components/Ability"; import { damageTypeTranslationString } from "~/utils/i18next"; import { useSetTitle } from "~/hooks/useSetTitle"; +export const CURRENT_PATCH = "1.2"; + export const links: LinksFunction = () => { return [{ rel: "stylesheet", href: styles }]; }; @@ -106,8 +108,13 @@ export default function ObjectDamagePage() { subWeaponId={subWeaponId} damagesToReceivers={damagesToReceivers} /> -
- {t("analyzer:dmgHtdExplanation")} +
+
+ {t("analyzer:dmgHtdExplanation")} +
+
+ {t("analyzer:patch")} {CURRENT_PATCH} +
); diff --git a/app/styles/object-damage.css b/app/styles/object-damage.css index d142de70f..c781599f0 100644 --- a/app/styles/object-damage.css +++ b/app/styles/object-damage.css @@ -81,3 +81,20 @@ letter-spacing: 0.5px; margin-block-start: var(--s-2); } + +.object-damage__bottom-container { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; +} + +.object-damage__patch { + border-radius: var(--rounded); + background-color: var(--theme-transparent); + color: var(--text-lighter); + font-size: var(--fonts-xxxs); + font-weight: var(--bold); + padding-block: var(--s-0-5); + padding-inline: var(--s-1); +}