Improve mobile team equipment layout

This commit is contained in:
2026-09-01 15:33:42 +07:00 Unverified
parent 094b61ff32
commit aa0ba4be09
3 changed files with 22 additions and 22 deletions
+11 -11
View File
@@ -3,19 +3,19 @@ import { describe, expect, it } from "vitest";
import { elementBackgroundColor } from "@/lib/catalog/element";
describe("catalog element backgrounds", () => {
it("maps every character element to its 20% opacity color", () => {
expect(elementBackgroundColor("Pyro")).toBe("#12000033");
expect(elementBackgroundColor("Hydro")).toBe("#00051233");
expect(elementBackgroundColor("Anemo")).toBe("#06141533");
expect(elementBackgroundColor("Electro")).toBe("#0D000F33");
expect(elementBackgroundColor("Dendro")).toBe("#000F0433");
expect(elementBackgroundColor("Cryo")).toBe("#03202133");
expect(elementBackgroundColor("Geo")).toBe("#0F0D0033");
it("maps every character element to its 40% opacity color", () => {
expect(elementBackgroundColor("Pyro")).toBe("#12000066");
expect(elementBackgroundColor("Hydro")).toBe("#00051266");
expect(elementBackgroundColor("Anemo")).toBe("#06141566");
expect(elementBackgroundColor("Electro")).toBe("#0D000F66");
expect(elementBackgroundColor("Dendro")).toBe("#000F0466");
expect(elementBackgroundColor("Cryo")).toBe("#03202166");
expect(elementBackgroundColor("Geo")).toBe("#0F0D0066");
});
it("uses the neutral character background when the element is unavailable", () => {
expect(elementBackgroundColor(null)).toBe("#17383d33");
expect(elementBackgroundColor(undefined)).toBe("#17383d33");
expect(elementBackgroundColor("Unknown")).toBe("#17383d33");
expect(elementBackgroundColor(null)).toBe("#17383d66");
expect(elementBackgroundColor(undefined)).toBe("#17383d66");
expect(elementBackgroundColor("Unknown")).toBe("#17383d66");
});
});