Pavle Golubovic
vor 3 Jahren
4 geänderte Dateien mit 33 neuen und 5 gelöschten Zeilen
+ 1
- 1
frontend/package-lock.json
Datei anzeigen
| @@ -1,6 +1,6 @@ | |||
| { | |||
| "name": "frontend", | |||
| "version": "0.1.0", | |||
| "version": "1.0.2", | |||
| "lockfileVersion": 2, | |||
| "requires": true, | |||
| "packages": { | |||
+ 1
- 1
frontend/package.json
Datei anzeigen
| @@ -1,6 +1,6 @@ | |||
| { | |||
| "name": "frontend", | |||
| "version": "0.1.0", | |||
| "version": "1.0.2", | |||
| "private": true, | |||
| "dependencies": { | |||
| "@faceless-ui/slider": "^1.1.14", | |||
+ 1
- 1
frontend/public/index.html
Datei anzeigen
| @@ -26,7 +26,7 @@ | |||
| --> | |||
| <title>Diligent Software</title> | |||
| </head> | |||
| <body class="select-none"> | |||
| <body> | |||
| <noscript>You need to enable JavaScript to run this app.</noscript> | |||
| <div id="root"></div> | |||
| <!-- | |||
+ 30
- 2
frontend/src/pages/ProcessPage.jsx
Datei anzeigen
| @@ -13,6 +13,9 @@ import Animation_Diligent from '../assets/animation_diligent.webm'; | |||
| import {ReactComponent as ProcessSvg} from './../assets/images/Process.svg'; | |||
| import { m } from 'framer-motion'; | |||
| import PageLayout from '../layout/PageLayout'; | |||
| import ProcessFacelessSlider from '../components/shared/ProcessFacelessSlider'; | |||
| import useWindowSize from '../hooks/useWindowSize'; | |||
| import ProcessSlider from '../components/ProcessSlider'; | |||
| const _data = { | |||
| heading : { | |||
| @@ -142,6 +145,18 @@ const ProcessPage = () => { | |||
| // ); | |||
| // } | |||
| const [isMobile, setIsMobile] = useState(false); | |||
| const windowInfo = useWindowSize(); | |||
| useEffect(() => { | |||
| console.log(windowInfo.width); | |||
| if (windowInfo.width < 1000) | |||
| setIsMobile(true); | |||
| else | |||
| setIsMobile(false); | |||
| },[windowInfo]); | |||
| return ( | |||
| <PageLayout> | |||
| <div className="pt-32"> | |||
| @@ -153,12 +168,25 @@ const ProcessPage = () => { | |||
| heading={_data.heading.heading} | |||
| subheading={_data.heading.subheading} | |||
| /> | |||
| <div className="flex justify-center items-center mt-90p overflow-x-auto"> | |||
| {/* <div className="flex justify-center items-center mt-90p overflow-x-auto"> | |||
| <div className='w-full' draggable > | |||
| <ProcessSvg className='' /> | |||
| </div> | |||
| </div> | |||
| </div> */} | |||
| <div className="relative mx-auto my-32p md:my-90p"> | |||
| {!isMobile ? ( | |||
| <div className='w-full'> | |||
| <ProcessSvg className='' /> | |||
| </div> | |||
| ) : | |||
| ( | |||
| <div className='' > | |||
| <ProcessSlider/> | |||
| </div> | |||
| ) | |||
| } | |||
| </div> | |||
| <p className="my-90p">{_data.heading.paragraph}</p> | |||
| </Wrapper> | |||
| )} | |||
Laden…