@zthun/romulator-web 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,23 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.8.0](https://github.com/zthun/romulator/compare/v1.7.1...v1.8.0) (2025-10-22)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * page tiles on systems page should now align the same ([59bfb61](https://github.com/zthun/romulator/commit/59bfb613982e186471ffc257e76028ae75609028))
12
+
13
+
14
+
15
+ ## [1.7.1](https://github.com/zthun/romulator/compare/v1.7.0...v1.7.1) (2025-10-21)
16
+
17
+ **Note:** Version bump only for package @zthun/romulator-web
18
+
19
+
20
+
21
+
22
+
6
23
  ## [1.7.0](https://github.com/zthun/romulator/compare/v1.6.0...v1.7.0) (2025-10-21)
7
24
 
8
25
  **Note:** Version bump only for package @zthun/romulator-web
@@ -52372,7 +52372,7 @@ function ZRomulatorSystemPage() {
52372
52372
  width: ZSizeFixed.Medium
52373
52373
  }),
52374
52374
  heading: system.name,
52375
- subHeading: `Generation ${system.generation}`
52375
+ subHeading: system.company
52376
52376
  }
52377
52377
  }),
52378
52378
  /*#__PURE__*/ jsxRuntimeExports.jsx(ZCard, {
@@ -52410,6 +52410,17 @@ function ZRomulatorSystemsPage() {
52410
52410
  const navigate = useNavigate();
52411
52411
  const systems = useSystemsService();
52412
52412
  const [request, setRequest] = reactExports.useState(DefaultSystemRequest);
52413
+ const _className = useCss(css$1`
52414
+ .ZRomulatorSystemsPage-tile {
52415
+ width: 24rem;
52416
+ height: 12rem;
52417
+ }
52418
+
52419
+ .ZRomulatorSystemsPage-wheel > img {
52420
+ max-width: 23rem;
52421
+ max-height: 11rem;
52422
+ }
52423
+ `);
52413
52424
  const renderTile = (system)=>{
52414
52425
  const { api } = new ZRomulatorEnvironmentBuilder().build();
52415
52426
  const id = `${system.id}-wheel`;
@@ -52431,6 +52442,7 @@ function ZRomulatorSystemsPage() {
52431
52442
  },
52432
52443
  height: ZSizeVaried.Full,
52433
52444
  children: /*#__PURE__*/ jsxRuntimeExports.jsx(ZImageSource, {
52445
+ className: "ZRomulatorSystemsPage-wheel",
52434
52446
  src: wheel,
52435
52447
  width: ZSizeVaried.Full
52436
52448
  })
@@ -52438,6 +52450,7 @@ function ZRomulatorSystemsPage() {
52438
52450
  }, system.id);
52439
52451
  };
52440
52452
  return /*#__PURE__*/ jsxRuntimeExports.jsxs(ZStack, {
52453
+ className: _className,
52441
52454
  gap: ZSizeFixed.Medium,
52442
52455
  children: [
52443
52456
  /*#__PURE__*/ jsxRuntimeExports.jsx(ZBreadcrumbsLocation, {}),
package/dist/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Romulator: Organize your Games</title>
7
- <script type="module" crossorigin src="/assets/index-DUOIpN_h.js"></script>
7
+ <script type="module" crossorigin src="/assets/index-DL1fUzQ4.js"></script>
8
8
  </head>
9
9
  <body>
10
10
  <div id="zthunworks-romulator"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zthun/romulator-web",
3
- "version": "1.7.0",
3
+ "version": "1.8.0",
4
4
  "description": "Romulator frontend",
5
5
  "author": "Anthony Bonta",
6
6
  "license": "MIT",
@@ -18,7 +18,7 @@
18
18
  "access": "public"
19
19
  },
20
20
  "devDependencies": {
21
- "@types/node": "^24.9.0",
21
+ "@types/node": "^24.9.1",
22
22
  "@zthun/cirque": "^7.1.10",
23
23
  "@zthun/cirque-du-react": "^7.1.10",
24
24
  "@zthun/fashion-boutique": "^11.0.1",
@@ -27,8 +27,8 @@
27
27
  "@zthun/helpful-fn": "^9.6.0",
28
28
  "@zthun/helpful-query": "^9.7.1",
29
29
  "@zthun/helpful-react": "^9.7.1",
30
- "@zthun/janitor-build-config": "^19.3.6",
31
- "@zthun/romulator-client": "^1.7.0",
30
+ "@zthun/janitor-build-config": "^19.4.0",
31
+ "@zthun/romulator-client": "^1.8.0",
32
32
  "@zthun/webigail-http": "^4.0.9",
33
33
  "@zthun/webigail-rest": "^4.0.9",
34
34
  "@zthun/webigail-url": "^4.0.9",
@@ -42,5 +42,5 @@
42
42
  "vitest": "^3.2.4",
43
43
  "vitest-mock-extended": "^3.1.0"
44
44
  },
45
- "gitHead": "b0d7a2014122de1e2e65a496e60a147c305ad084"
45
+ "gitHead": "8226acacacdd44e65e7f63564c89118e727a66d8"
46
46
  }
@@ -66,7 +66,7 @@ export function ZRomulatorSystemPage() {
66
66
  <ZIconFontAwesome name="puzzle-piece" width={ZSizeFixed.Medium} />
67
67
  ),
68
68
  heading: system.name,
69
- subHeading: `Generation ${system.generation}`,
69
+ subHeading: system.company,
70
70
  }}
71
71
  />
72
72
  <ZCard
@@ -1,4 +1,5 @@
1
1
  import {
2
+ useCss,
2
3
  useFashionTheme,
3
4
  useNavigate,
4
5
  ZBox,
@@ -10,6 +11,7 @@ import {
10
11
  ZStack,
11
12
  } from "@zthun/fashion-boutique";
12
13
  import { ZSizeFixed, ZSizeVaried } from "@zthun/fashion-tailor";
14
+ import { css } from "@zthun/helpful-fn";
13
15
  import { ZDataRequestBuilder, ZSortBuilder } from "@zthun/helpful-query";
14
16
  import type { IZRomulatorSystem } from "@zthun/romulator-client";
15
17
  import { useState } from "react";
@@ -31,6 +33,18 @@ export function ZRomulatorSystemsPage() {
31
33
  const systems = useSystemsService();
32
34
  const [request, setRequest] = useState(DefaultSystemRequest);
33
35
 
36
+ const _className = useCss(css`
37
+ .ZRomulatorSystemsPage-tile {
38
+ width: 24rem;
39
+ height: 12rem;
40
+ }
41
+
42
+ .ZRomulatorSystemsPage-wheel > img {
43
+ max-width: 23rem;
44
+ max-height: 11rem;
45
+ }
46
+ `);
47
+
34
48
  const renderTile = (system: IZRomulatorSystem) => {
35
49
  const { api } = new ZRomulatorEnvironmentBuilder().build();
36
50
  const id = `${system.id}-wheel`;
@@ -52,14 +66,18 @@ export function ZRomulatorSystemsPage() {
52
66
  align={{ items: "center" }}
53
67
  height={ZSizeVaried.Full}
54
68
  >
55
- <ZImageSource src={wheel} width={ZSizeVaried.Full} />
69
+ <ZImageSource
70
+ className="ZRomulatorSystemsPage-wheel"
71
+ src={wheel}
72
+ width={ZSizeVaried.Full}
73
+ />
56
74
  </ZStack>
57
75
  </ZBox>
58
76
  );
59
77
  };
60
78
 
61
79
  return (
62
- <ZStack gap={ZSizeFixed.Medium}>
80
+ <ZStack className={_className} gap={ZSizeFixed.Medium}>
63
81
  <ZBreadcrumbsLocation />
64
82
  <ZCard
65
83
  width={ZSizeVaried.Full}