Siddhesh.More/rubix
1
0
Fork 0
mirror of https://github.com/WDI-Ideas/rubix.git synced 2026-04-27 20:45:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Blogs scrollTop set

Browse Source
This commit is contained in:
rockyeverlast
2024-04-17 19:04:06 +05:30
parent 90744c4c20
commit 549411f988
1 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/UseCase/UseCase.jsx
View File

@@ -2,11 +2,14 @@
/* eslint-disable react/prop-types */
/* eslint-disable no-unused-vars */
// eslint-disable-next-line no-unused-vars
import React from "react";
import React, { useEffect } from "react";
import { Box, Text } from "@chakra-ui/react";
// eslint-disable-next-line react/prop-types
const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
useEffect(() => {
window.scrollTo(0, 0);
}, []);
return (
<div>
<Box
@@ -68,7 +71,6 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
fontSize: "16px",
},
}}
>
{bannerSubHeading}
</Text>
@@ -104,12 +106,13 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
}}
>
{/* ========[ Head-Para ]====== */}
<Box width={"65vw"}
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
<Box
width={"65vw"}
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Text
style={{ marginBottom: 6 }}
@@ -124,24 +127,27 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
>
{useCaseHeading}
</Text>
<Text textColor={"#ffffff"} fontSize="xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "14px",
},
}}
<Text
textColor={"#ffffff"}
fontSize="xl"
sx={{
"@media (max-width: 600px)": {
fontSize: "14px",
},
}}
>
{useCaseSubHeading}
</Text>
</Box>
{useCaseDetails.map(({ title, description }, index) => (
<Box width={"75vw"}
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
<Box
width={"75vw"}
sx={{
"@media (max-width: 600px)": {
width: "100%",
},
}}
>
<Text
style={{ marginBottom: 6 }}
@@ -156,12 +162,14 @@ const UseCase = ({ useCase, bannerImage, bannerHeading, bannerSubHeading }) => {
>
{title}
</Text>
<Text textColor={"#ffffff"} fontSize="lg"
sx={{
"@media (max-width: 600px)": {
fontSize: "14px",
},
}}
<Text
textColor={"#ffffff"}
fontSize="lg"
sx={{
"@media (max-width: 600px)": {
fontSize: "14px",
},
}}
>
{description}
</Text>