root/proximity-demo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

functional down arrow header

Browse Source
This commit is contained in:
Kishan Takoordyal 2021-03-04 18:34:19 +04:00
parent dc2fa17992
commit a050654455
No known key found for this signature in database
GPG Key ID: 304DF64F0804D6A1
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/HeaderD.js
View File

@ -91,10 +91,9 @@ export default function HeaderD({
</div> </div>
<div className="absolute z-10 w-full h-full flex flex-col items-center justify-end"> <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
<div <a
className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${ href="#part-one"
showCookies ? 'mb-2' : 'mb-22' className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-22"
}`}
/> />
</div> </div>

7
src/components/HeaderM.js
View File

@ -124,10 +124,9 @@ export default function HeaderD({
</div> </div>
<div className="absolute z-10 w-full h-full flex flex-col items-center justify-end"> <div className="absolute z-10 w-full h-full flex flex-col items-center justify-end">
<div <a
className={`w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent ${ href="#part-one"
showCookies ? 'mb-2' : 'mb-22' className="w-12 h-12 flex justify-center items-center text-4xl text-gray-200 ri-arrow-down-fill rounded-full border hover:border-white border-transparent mb-32"
}`}
/> />
</div> </div>

5
src/components/PartOne.js
View File

@ -4,7 +4,10 @@ import part1banner from '../assets/images/part-1-banner.png';
export default function PartOne() { export default function PartOne() {
return ( return (
<div className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4"> <div
className="w-full h-screen flex flex-col items-center sm:justify-start justify-center sm:py-12 sm:px-20 p-4"
id="part-one"
>
<div className="text-red-600 uppercase text-sm font-bold font-avenirblack"> <div className="text-red-600 uppercase text-sm font-bold font-avenirblack">
How we do it How we do it
</div> </div>