jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Beta on How It Works positioning

Browse Source
This commit is contained in:
James Ketr 2025-06-12 16:35:20 -07:00
parent 5750577eaf
commit 5b33d7fa5f
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/pages/HowItWorks.tsx
View File

@ -15,6 +15,8 @@ import {
Stepper, Stepper,
Stack, Stack,
ButtonProps, ButtonProps,
useMediaQuery,
useTheme,
} from '@mui/material'; } from '@mui/material';
import { styled } from '@mui/material/styles'; import { styled } from '@mui/material/styles';
import PlayArrowIcon from '@mui/icons-material/PlayArrow'; import PlayArrowIcon from '@mui/icons-material/PlayArrow';
@ -215,6 +217,8 @@ const HeroButton = (props: HeroButtonProps) => {
const HowItWorks: React.FC = () => { const HowItWorks: React.FC = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
const handleGetStarted = () => { const handleGetStarted = () => {
navigate('/job-analysis'); navigate('/job-analysis');
@ -289,7 +293,7 @@ const HowItWorks: React.FC = () => {
</Container> </Container>
</HeroSection> </HeroSection>
<HeroSection sx={{ display: "flex", position: "relative", overflow: "hidden", border: "2px solid orange" }}> <HeroSection sx={{ display: "flex", position: "relative", overflow: "hidden", border: "2px solid orange" }}>
<Beta sx={{ left: "-90px" }} /> <Beta adaptive={false} sx={{ left: "-90px" }} />
<Container sx={{ display: "flex", position: "relative" }}> <Container sx={{ display: "flex", position: "relative" }}>
<Box sx={{ display: "flex", flexDirection: "column", textAlign: 'center', maxWidth: 800, mx: 'auto', position: "relative" }}> <Box sx={{ display: "flex", flexDirection: "column", textAlign: 'center', maxWidth: 800, mx: 'auto', position: "relative" }}>
<Typography <Typography