LFFE-22 desing and responsive

This commit is contained in:
2023-11-12 14:36:03 +03:30
parent 4370fbeb4f
commit b7be2dbc93
3 changed files with 35 additions and 31 deletions

View File

@@ -1,4 +1,4 @@
import {Box, Container, Grid, Typography} from "@mui/material";
import {Box, Container, Grid, Stack, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
const LoanCondition = () => {
@@ -9,30 +9,34 @@ const LoanCondition = () => {
<Typography sx={{my : 3}} variant={'h3'}>
تخصیص وام
</Typography>
<Grid container spacing={2} sx={{py : 2}}>
<Grid item={10}>
<Typography variant={'h5'}>
قوانین دریافت وام
</Typography>
<ul>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
<li>
به زوجین ایرانی تعلق میگیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
</ul>
<Grid container>
<Grid item xs={12} md={8}>
<Box>
<Typography variant={'h5'}>
قوانین دریافت وام
</Typography>
<ul>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
<li>
به زوجین ایرانی تعلق میگیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
<li>
فقط به زوجین ایرانی تعلق میگیرد.
</li>
</ul>
</Box>
</Grid>
<Grid item={2}>
<Typography>
فایل ضمیمه
</Typography>
<Grid item xs={12} md={4}>
<Box justifyContent={'center'} alignItems={'center'}>
<Typography>
فایل ضمیمه
</Typography>
</Box>
</Grid>
</Grid>
</Container>