Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-07 03:35:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Add patch badge to obj dmg calc page

Browse Source
This commit is contained in:
Kalle
2022-10-26 09:07:35 +03:00
parent 019e455c61
commit 01b0b55e51
2 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/routes/object-damage-calculator.tsx
View File

@@ -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}
/>
<div className="text-lighter text-xs">
{t("analyzer:dmgHtdExplanation")}
<div className="object-damage__bottom-container">
<div className="text-lighter text-xs">
{t("analyzer:dmgHtdExplanation")}
</div>
<div className="object-damage__patch">
{t("analyzer:patch")} {CURRENT_PATCH}
</div>
</div>
</Main>
);

17
app/styles/object-damage.css
View File

@@ -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);
}