h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Add firefox fix and restore model mouse tracking

Browse Source
This commit is contained in:
Kurt Hutten
2021-09-22 18:49:38 +10:00
parent bcfe90ccb6
commit acb3651a6d
4 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/web/src/components/Hero/Hero.tsx
View File

@@ -120,7 +120,7 @@ export const Hero = () => {
<ModelSection assetUrl="/coffee-lid.stl" scale={0.06} /> <ModelSection assetUrl="/coffee-lid.stl" scale={0.06} />
</div> </div>
<div className="flex items-end justify-center row-start-2 col-start-1 pt-96 pr-12 pl-6 pb-24 lg:col-span-3 lg:col-start-1 lg:row-start-1 lg:pt-0"> <div className="flex items-end justify-center row-start-2 col-start-1 pt-96 pr-12 pl-6 pb-24 lg:col-span-3 lg:col-start-1 lg:row-start-1 lg:pt-0 pointer-events-none">
<Link <Link
to={routes.project({ to={routes.project({
userName: 'irevdev', userName: 'irevdev',
@@ -128,7 +128,7 @@ export const Hero = () => {
})} })}
> >
<div <div
className="grid grid-flow-col gap-2 sm:gap-4 items-center bg-ch-gray-760 bg-opacity-95 text-ch-gray-300 rounded-md p-2 font-fira-sans relative z-10 shadow-ch" className="grid grid-flow-col gap-2 sm:gap-4 items-center bg-ch-gray-760 bg-opacity-95 text-ch-gray-300 rounded-md p-2 font-fira-sans relative z-10 shadow-ch pointer-events-auto"
style={{ style={{
transform: 'translate3d(3vw, -100px, 0.3px) scale(0.7)', transform: 'translate3d(3vw, -100px, 0.3px) scale(0.7)',
transformOrigin: 'top center', transformOrigin: 'top center',
@@ -226,7 +226,7 @@ export const Hero = () => {
</OutBound> </OutBound>
</div> </div>
<div className="flex items-end justify-center row-start-2 col-start-1 pb-24 lg:row-start-1 lg:col-start-3 lg:col-span-3 pt-96 lg:pt-0 lg:pr-10"> <div className="flex items-end justify-center row-start-2 col-start-1 pb-24 lg:row-start-1 lg:col-start-3 lg:col-span-3 pt-96 lg:pt-0 lg:pr-10 pointer-events-none">
<Link <Link
to={routes.project({ to={routes.project({
userName: 'irevdev', userName: 'irevdev',
@@ -234,7 +234,7 @@ export const Hero = () => {
})} })}
> >
<div <div
className="grid grid-flow-col sm:gap-2 items-center bg-ch-gray-760 bg-opacity-95 text-ch-gray-300 rounded-md py-2 pl-2 font-fira-sans relative z-10 shadow-ch" className="grid grid-flow-col sm:gap-2 items-center bg-ch-gray-760 bg-opacity-95 text-ch-gray-300 rounded-md py-2 pl-2 font-fira-sans relative z-10 shadow-ch pointer-events-auto"
style={{ style={{
transform: 'translate3d(-5vw, -100px, 0.3px) scale(0.7)', transform: 'translate3d(-5vw, -100px, 0.3px) scale(0.7)',
transformOrigin: 'top center', transformOrigin: 'top center',

BIN
app/web/src/layouts/MainLayout/Logo_2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.4 KiB

3
app/web/src/layouts/MainLayout/MainLayout.css Normal file
View File

@@ -0,0 +1,3 @@
.preserve-3d-for-children * {
transform-style: preserve-3d;
}

3
app/web/src/layouts/MainLayout/MainLayout.js
View File

@@ -15,6 +15,7 @@ import { isBrowser } from '@redwoodjs/prerender/browserUtils'
import Svg from 'src/components/Svg' import Svg from 'src/components/Svg'
import { ImageFallback } from 'src/components/ImageUploader' import { ImageFallback } from 'src/components/ImageUploader'
import useUser from 'src/helpers/hooks/useUser' import useUser from 'src/helpers/hooks/useUser'
import './MainLayout.css'
let previousSubmission = '' let previousSubmission = ''
@@ -70,7 +71,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
}, [hash, client]) }, [hash, client])
return ( return (
<div <div
className="h-full flex flex-col ch-scrollbar overflow-y-scroll" className="h-full flex flex-col ch-scrollbar overflow-y-scroll preserve-3d-for-children"
style={{ perspective: '1px', perspectiveOrigin: 'top center' }} style={{ perspective: '1px', perspectiveOrigin: 'top center' }}
> >
<header id="cadhub-main-header"> <header id="cadhub-main-header">