@ericchen1990/pano-view 3.0.0 → 3.1.1
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/README.md +50 -4
- package/README.zh-CN.md +47 -4
- package/dist/index.cjs +1145 -957
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.mts +34 -8
- package/dist/index.d.ts +34 -8
- package/dist/index.mjs +548 -360
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +0 -34
- package/package.json +12 -3
package/dist/styles.css
CHANGED
|
@@ -339,40 +339,6 @@
|
|
|
339
339
|
z-index: 2;
|
|
340
340
|
}
|
|
341
341
|
|
|
342
|
-
.pano-media-activation {
|
|
343
|
-
align-items: center;
|
|
344
|
-
background:
|
|
345
|
-
radial-gradient(circle at center, rgb(7 19 22 / 0.16), rgb(2 6 7 / 0.76)),
|
|
346
|
-
linear-gradient(135deg, rgb(7 19 22 / 0.32), rgb(2 6 7 / 0.72));
|
|
347
|
-
display: flex;
|
|
348
|
-
inset: 0;
|
|
349
|
-
justify-content: center;
|
|
350
|
-
padding: var(--pano-safe-top) var(--pano-safe-right) var(--pano-safe-bottom)
|
|
351
|
-
var(--pano-safe-left);
|
|
352
|
-
position: absolute;
|
|
353
|
-
z-index: 30;
|
|
354
|
-
}
|
|
355
|
-
|
|
356
|
-
.pano-media-activation-button {
|
|
357
|
-
backdrop-filter: blur(12px);
|
|
358
|
-
background: rgb(7 19 22 / 0.82);
|
|
359
|
-
border: 1px solid rgb(117 203 211 / 0.72);
|
|
360
|
-
border-radius: 999px;
|
|
361
|
-
box-shadow: 0 12px 36px rgb(0 0 0 / 0.34), inset 0 0 0 1px rgb(255 255 255 / 0.06);
|
|
362
|
-
color: #f5fbfc;
|
|
363
|
-
cursor: pointer;
|
|
364
|
-
font: 600 0.78rem/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
|
|
365
|
-
letter-spacing: 0.08em;
|
|
366
|
-
min-height: 44px;
|
|
367
|
-
padding: 0.75rem 1.1rem;
|
|
368
|
-
text-transform: uppercase;
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
.pano-media-activation-button:focus-visible {
|
|
372
|
-
outline: 2px solid #75cbd3;
|
|
373
|
-
outline-offset: 3px;
|
|
374
|
-
}
|
|
375
|
-
|
|
376
342
|
@media (max-width: 600px) {
|
|
377
343
|
.pano-video-controls {
|
|
378
344
|
bottom: calc(0.75rem + var(--pano-safe-bottom)) !important;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ericchen1990/pano-view",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.1.1",
|
|
4
4
|
"description": "React components for panoramic viewing experiences.",
|
|
5
5
|
"author": "Eric Chen",
|
|
6
6
|
"license": "MIT",
|
|
@@ -9,7 +9,16 @@
|
|
|
9
9
|
"360",
|
|
10
10
|
"react",
|
|
11
11
|
"viewer",
|
|
12
|
-
"webgl"
|
|
12
|
+
"webgl",
|
|
13
|
+
"react-three-fiber",
|
|
14
|
+
"r3f",
|
|
15
|
+
"360-image",
|
|
16
|
+
"virtual-tour",
|
|
17
|
+
"equirectangular",
|
|
18
|
+
"cubemap",
|
|
19
|
+
"webxr",
|
|
20
|
+
"krpano",
|
|
21
|
+
"panoramic-video"
|
|
13
22
|
],
|
|
14
23
|
"repository": {
|
|
15
24
|
"type": "git",
|
|
@@ -18,7 +27,7 @@
|
|
|
18
27
|
"bugs": {
|
|
19
28
|
"url": "https://github.com/Eric-Chen1990/pano-view/issues"
|
|
20
29
|
},
|
|
21
|
-
"homepage": "https://
|
|
30
|
+
"homepage": "https://pano-view-playground.vercel.app/",
|
|
22
31
|
"sideEffects": [
|
|
23
32
|
"*.css"
|
|
24
33
|
],
|