react-godot-shader-preview 0.6.1 → 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 -1
- package/dist/style.css +25 -1
- package/godot/embed.html +1 -0
- package/package.json +1 -1
|
@@ -136,7 +136,6 @@
|
|
|
136
136
|
|
|
137
137
|
/* Parameters panel */
|
|
138
138
|
.rgs-paramsPanel {
|
|
139
|
-
margin-top: 10px;
|
|
140
139
|
padding: 10px 12px 12px;
|
|
141
140
|
background: var(--rgs-bg);
|
|
142
141
|
border: 1px solid var(--rgs-b);
|
|
@@ -213,3 +212,28 @@
|
|
|
213
212
|
@media (max-width: 700px) {
|
|
214
213
|
.rgs-previewWrap { flex: 0 0 auto; width: 100%; max-width: 400px; }
|
|
215
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
|
@@ -136,7 +136,6 @@
|
|
|
136
136
|
|
|
137
137
|
/* Parameters panel */
|
|
138
138
|
.rgs-paramsPanel {
|
|
139
|
-
margin-top: 10px;
|
|
140
139
|
padding: 10px 12px 12px;
|
|
141
140
|
background: var(--rgs-bg);
|
|
142
141
|
border: 1px solid var(--rgs-b);
|
|
@@ -213,3 +212,28 @@
|
|
|
213
212
|
@media (max-width: 700px) {
|
|
214
213
|
.rgs-previewWrap { flex: 0 0 auto; width: 100%; max-width: 400px; }
|
|
215
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",
|