Add firefox fix and restore model mouse tracking
This commit is contained in:
@@ -120,7 +120,7 @@ export const Hero = () => {
|
||||
<ModelSection assetUrl="/coffee-lid.stl" scale={0.06} />
|
||||
</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
|
||||
to={routes.project({
|
||||
userName: 'irevdev',
|
||||
@@ -128,7 +128,7 @@ export const Hero = () => {
|
||||
})}
|
||||
>
|
||||
<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={{
|
||||
transform: 'translate3d(3vw, -100px, 0.3px) scale(0.7)',
|
||||
transformOrigin: 'top center',
|
||||
@@ -226,7 +226,7 @@ export const Hero = () => {
|
||||
</OutBound>
|
||||
</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
|
||||
to={routes.project({
|
||||
userName: 'irevdev',
|
||||
@@ -234,7 +234,7 @@ export const Hero = () => {
|
||||
})}
|
||||
>
|
||||
<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={{
|
||||
transform: 'translate3d(-5vw, -100px, 0.3px) scale(0.7)',
|
||||
transformOrigin: 'top center',
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 6.4 KiB |
3
app/web/src/layouts/MainLayout/MainLayout.css
Normal file
3
app/web/src/layouts/MainLayout/MainLayout.css
Normal file
@@ -0,0 +1,3 @@
|
||||
.preserve-3d-for-children * {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
@@ -15,6 +15,7 @@ import { isBrowser } from '@redwoodjs/prerender/browserUtils'
|
||||
import Svg from 'src/components/Svg'
|
||||
import { ImageFallback } from 'src/components/ImageUploader'
|
||||
import useUser from 'src/helpers/hooks/useUser'
|
||||
import './MainLayout.css'
|
||||
|
||||
let previousSubmission = ''
|
||||
|
||||
@@ -70,7 +71,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
|
||||
}, [hash, client])
|
||||
return (
|
||||
<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' }}
|
||||
>
|
||||
<header id="cadhub-main-header">
|
||||
|
||||
Reference in New Issue
Block a user