diff options
Diffstat (limited to 'frontend/site/projects/museum/stl-files.js')
| -rw-r--r-- | frontend/site/projects/museum/stl-files.js | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/frontend/site/projects/museum/stl-files.js b/frontend/site/projects/museum/stl-files.js index 6ac3b75..aaee6cb 100644 --- a/frontend/site/projects/museum/stl-files.js +++ b/frontend/site/projects/museum/stl-files.js @@ -28,11 +28,11 @@ export const STL_FILES = { shininess: 100, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 3/5, style: { - right: "0", - top: "50%", - transform: "translateY(-50%)", + left: "0", + top: "0", + // transform: "translateY(-50%)", }, transform: { rotate: { @@ -50,15 +50,16 @@ export const STL_FILES = { shininess: 30, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 2/3, style: { right: "0", - top: "0", + top: "50%", + transform: "translateY(-50%)", }, transform: { rotate: { x: -Math.PI/2, - y: Math.PI/2, + y: 0, // Math.PI/2, z: 0, } } @@ -70,11 +71,12 @@ export const STL_FILES = { color: "#bfb8a8", shininess: 60, }, - width: () => window.innerWidth / 2, - height: () => window.innerHeight, + width: () => window.innerWidth * 1/2, + height: () => window.innerHeight * 2/3, style: { right: "0", top: "0", + // transform: "translateY(-50%)", }, transform: { rotate: { @@ -92,10 +94,11 @@ export const STL_FILES = { shininess: 80, }, width: () => window.innerWidth / 2, - height: () => window.innerHeight, + height: () => window.innerHeight * 2/3, style: { left: "0", - top: "0", + top: "33%", + transform: "translateY(-50%)", }, transform: { rotate: { |