loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TF-101 fix responsive bug

Browse Source
This commit is contained in:
Amin Ghasempoor
2023-09-18 16:04:35 +03:30
parent 0f6ea8b3b1
commit 37025bc4dd
7 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/core/components/PriceField.jsx
View File

@@ -1,23 +1,23 @@
import {InputAdornment, TextField, Typography} from "@mui/material";
import {Stack, TextField, Typography} from "@mui/material";
import {useTranslations} from "next-intl";
const PriceField = (props) => {
const t = useTranslations();
return (
<TextField
InputProps={{
endAdornment: (
<InputAdornment position="end">
<Typography
sx={{margin: 1}}
component="span">{((props.value) / 10).toLocaleString()}</Typography>
<Typography component="span"
variant="caption">{t("ConfirmDialog.toman")}</Typography>
</InputAdornment>
),
}}
{...props}
/>
)
<Stack spacing={1}>
<Stack>
<TextField
{...props}
/>
</Stack>
<Stack direction="row" alignItems="center">
<Typography sx={{margin: 1}} component="span">
{((props.value) / 10).toLocaleString()}
</Typography>
<Typography component="span" variant="caption">
{t("ConfirmDialog.toman")}
</Typography>
</Stack>
</Stack>)
}
export default PriceField