x3d-tidy 2.2.12 → 2.2.13

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.
Files changed (2) hide show
  1. package/package.json +3 -3
  2. package/src/main.js +27 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x3d-tidy",
3
- "version": "2.2.12",
3
+ "version": "2.2.13",
4
4
  "description": "X3D Converter, Beautifier and Minimizer",
5
5
  "main": "src/main.js",
6
6
  "bin": {
@@ -54,8 +54,8 @@
54
54
  ],
55
55
  "dependencies": {
56
56
  "colors": "^1.4.0",
57
- "x_ite": "^12.1.7",
58
- "x_ite-node": "^1.1.11",
57
+ "x_ite": "^12.1.8",
58
+ "x_ite-node": "^1.1.12",
59
59
  "x3d-traverse": "^1.0.22",
60
60
  "yargs": "^18.0.0"
61
61
  },
package/src/main.js CHANGED
@@ -259,20 +259,40 @@ function getHTML (scene)
259
259
  <html>
260
260
  <head>
261
261
  <meta charset="utf-8">
262
- <script src="https://cdn.jsdelivr.net/npm/x_ite@latest/dist/x_ite.min.js"></script>
262
+ <script defer src="https://cdn.jsdelivr.net/npm/x_ite@latest/dist/x_ite.min.js"></script>
263
263
  <style>
264
264
  body {
265
- background-color: rgb(21, 22, 24);
266
- color: rgb(108, 110, 113);
265
+ color-scheme: light dark;
266
+ display: flex;
267
+ flex-direction: column;
268
+ margin: 0px;
269
+ padding: 0px;
270
+ height: 100vh;
271
+ background-color: light-dark(white, rgb(27, 27, 30));
272
+ color: light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
273
+ font-family: sans-serif;
267
274
  }
268
275
 
269
- a {
270
- color: rgb(106, 140, 191);
276
+ body > * {
277
+ flex: 0 0 auto;
278
+ padding: 0px 1rem;
271
279
  }
272
280
 
273
281
  x3d-canvas {
274
- width: 768px;
275
- height: 432px;
282
+ flex: 1 1 auto;
283
+ border-top: 2px solid light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
284
+ border-bottom: 2px solid light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
285
+ padding: 0px;
286
+ width: 100%;
287
+ height: 100%;
288
+ }
289
+
290
+ a {
291
+ color: light-dark(rgb(0, 86, 178), rgb(82, 108, 150));
292
+ }
293
+
294
+ a:hover {
295
+ color: light-dark(rgb(210, 96, 58), rgb(210, 96, 58))
276
296
  }
277
297
  </style>
278
298
  </head>