react-godot-shader-preview 0.6.2 → 0.6.3
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/dist/GodotMaterialPreview.css +25 -0
- package/dist/style.css +25 -0
- package/godot/embed.html +1 -0
- package/package.json +1 -1
|
@@ -212,3 +212,28 @@
|
|
|
212
212
|
@media (max-width: 700px) {
|
|
213
213
|
.rgs-previewWrap { flex: 0 0 auto; width: 100%; max-width: 400px; }
|
|
214
214
|
}
|
|
215
|
+
|
|
216
|
+
/* Print: keep iframe and preview block on one page, avoid breaks inside */
|
|
217
|
+
@media print {
|
|
218
|
+
.rgs-root,
|
|
219
|
+
.rgs-previewWrap,
|
|
220
|
+
.rgs-preview,
|
|
221
|
+
.rgs-canvas {
|
|
222
|
+
break-inside: avoid;
|
|
223
|
+
page-break-inside: avoid;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.rgs-previewOverlays,
|
|
227
|
+
.rgs-modeStrip,
|
|
228
|
+
.rgs-statusOverlay,
|
|
229
|
+
.rgs-paramsPanel,
|
|
230
|
+
.rgs-paramRow {
|
|
231
|
+
break-inside: avoid;
|
|
232
|
+
page-break-inside: avoid;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
/* Keep iframe content from breaking; canvas is the iframe */
|
|
236
|
+
.rgs-canvas {
|
|
237
|
+
overflow: hidden;
|
|
238
|
+
}
|
|
239
|
+
}
|
package/dist/style.css
CHANGED
|
@@ -212,3 +212,28 @@
|
|
|
212
212
|
@media (max-width: 700px) {
|
|
213
213
|
.rgs-previewWrap { flex: 0 0 auto; width: 100%; max-width: 400px; }
|
|
214
214
|
}
|
|
215
|
+
|
|
216
|
+
/* Print: keep iframe and preview block on one page, avoid breaks inside */
|
|
217
|
+
@media print {
|
|
218
|
+
.rgs-root,
|
|
219
|
+
.rgs-previewWrap,
|
|
220
|
+
.rgs-preview,
|
|
221
|
+
.rgs-canvas {
|
|
222
|
+
break-inside: avoid;
|
|
223
|
+
page-break-inside: avoid;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
.rgs-previewOverlays,
|
|
227
|
+
.rgs-modeStrip,
|
|
228
|
+
.rgs-statusOverlay,
|
|
229
|
+
.rgs-paramsPanel,
|
|
230
|
+
.rgs-paramRow {
|
|
231
|
+
break-inside: avoid;
|
|
232
|
+
page-break-inside: avoid;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
/* Keep iframe content from breaking; canvas is the iframe */
|
|
236
|
+
.rgs-canvas {
|
|
237
|
+
overflow: hidden;
|
|
238
|
+
}
|
|
239
|
+
}
|
package/godot/embed.html
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
9
|
html, body { width: 100%; height: 100%; overflow: hidden; background: #000; display: flex; align-items: center; justify-content: center; }
|
|
10
10
|
#godot-canvas { display: block; max-width: 100%; max-height: 100%; width: 100% !important; height: 100% !important; object-fit: contain; cursor: grab;
|
|
11
|
+
break-inside: avoid; page-break-inside: avoid;
|
|
11
12
|
/* Override Godot engine inline positioning/sizing so flex centering works */
|
|
12
13
|
position: relative !important; left: auto !important; top: auto !important; min-width: 0 !important; }
|
|
13
14
|
</style>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-godot-shader-preview",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.3",
|
|
4
4
|
"description": "React component for live Godot shader preview via WebAssembly. Load shader code, switch mesh (sphere/plane), edit uniforms and samplers.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|