alignments on the image in the login page section left side

This commit is contained in:
2026-07-02 12:18:24 +05:30
parent e385e2fbfd
commit 96db14331b

View File

@@ -171,17 +171,14 @@ const Login = () => {
}} }}
> >
{/* Logo at the top-left corner */} {/* Logo at the top-left corner */}
<Box <img
component="img"
src={expressImage} src={expressImage}
alt="Operate your dispatch" alt="Operate your dispatch"
sx={{ style={{
position: 'absolute', position: 'absolute',
top: 48, top: 48,
left: 48, left: 48,
maxHeight: 48, maxHeight: 60
width: 'auto',
height: 'auto'
}} }}
/> />
@@ -210,12 +207,12 @@ const Login = () => {
/> />
<Box sx={{ position: 'relative', maxWidth: 430 }}> <Box sx={{ position: 'relative', maxWidth: 430 }}>
<Typography sx={{ fontSize: 34, fontWeight: 700, lineHeight: 1.18, letterSpacing: '-0.02em', mb: 2 }}> <Typography sx={{ fontSize: 40, fontWeight: 700, lineHeight: 1.18, letterSpacing: '-0.02em', mb: 2 }}>
Operate your dispatch, Operate your dispatch,
<br /> <br />
end to end. end to end.
</Typography> </Typography>
<Typography sx={{ fontSize: 16, color: 'rgba(255,255,255,0.82)', mb: 4, lineHeight: 1.6 }}> <Typography sx={{ fontSize: 17.5, color: 'rgba(255,255,255,0.85)', mb: 4, lineHeight: 1.6 }}>
Orders, AI route optimisation, live rider tracking and billing all in the NearlExpress operator console. Orders, AI route optimisation, live rider tracking and billing all in the NearlExpress operator console.
</Typography> </Typography>
@@ -237,7 +234,7 @@ const Login = () => {
> >
</Box> </Box>
<Typography sx={{ fontSize: 14.5, color: 'rgba(255,255,255,0.9)' }}>{t}</Typography> <Typography sx={{ fontSize: 16, color: 'rgba(255,255,255,0.9)' }}>{t}</Typography>
</Stack> </Stack>
))} ))}
</Stack> </Stack>