alex
/
PNSPS-frontend-MaterialUI
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

update display font

master
jason.lam 1 ano atrás
pai
3ea18a481a
commit
22594ffec3
6 arquivos alterados com 53 adições e 41 exclusões
Visão unificada
Opções de diferenças
Mostrar estatísticas Baixar arquivo de patch Baixar arquivo de diferenças
  1. +11
    -11
      src/pages/Proof/Reply_Public/ApplicationDetails.js
  2. +21
    -21
      src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js
  3. +1
    -1
      src/pages/User/DetailsPage_Individual/UserInformationCard_Individual_Pub.js
  4. +7
    -0
      src/themes/themeConst.js
  5. +7
    -2
      src/themes/typography.js
  6. +6
    -6
      src/utils/FieldUtils.js

+ 11
- 11
src/pages/Proof/Reply_Public/ApplicationDetails.js Ver arquivo

@@ -79,7 +79,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applicationId"/>: <FormattedMessage id="applicationId"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -93,7 +93,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"left"}> <Grid container alignItems={"left"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applyStatus"/>: <FormattedMessage id="applyStatus"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -112,7 +112,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applyPerson"/>: <FormattedMessage id="applyPerson"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -132,7 +132,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="gazetteCount"/>: <FormattedMessage id="gazetteCount"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -149,7 +149,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="contactPerson"/>: <FormattedMessage id="contactPerson"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -164,7 +164,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applicationPublishDate" />: <FormattedMessage id="applicationPublishDate" />:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -181,7 +181,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid container alignItems="left"> <Grid container alignItems="left">
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="myRemarks"/>: <FormattedMessage id="myRemarks"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -205,7 +205,7 @@ const ApplicationDetailCard = ({ formData, }) => {
<Grid item xs={12} sm={12} md={6} lg={6} sx={{mb: 1}}> <Grid item xs={12} sm={12} md={6} lg={6} sx={{mb: 1}}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} sm={12} md={12} lg={12} sx={{ alignItems: 'center',wordBreak: 'break-word' }}> <Grid item xs={12} sm={12} md={12} lg={12} sx={{ alignItems: 'center',wordBreak: 'break-word' }}>
<Typography><Typography variant="h5">
<Typography><Typography variant="pnspsFormParagraph">
<FormattedMessage id="pleaseCheckReminder" />： <FormattedMessage id="pleaseCheckReminder" />：
</Typography></Typography> </Typography></Typography>
</Grid> </Grid>
@@ -248,7 +248,7 @@ const ApplicationDetailCard = ({ formData, }) => {
</Grid> </Grid>
<Grid item xs={12} sm={3} md={3} lg={3} <Grid item xs={12} sm={3} md={3} lg={3}
sx={{ mb: 1, display: 'flex', alignItems: 'center' }}> sx={{ mb: 1, display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">
<Typography variant="pnspsFormParagraph">
<FormattedMessage id="payFeeFor"/>: <FormattedMessage id="payFeeFor"/>:
</Typography> </Typography>
</Grid> </Grid>
@@ -259,9 +259,9 @@ const ApplicationDetailCard = ({ formData, }) => {
{ {
formik.values.groupType === "Private Bill" formik.values.groupType === "Private Bill"
? ?
<Typography variant="h5">( {data.noOfPages} {intl.formatMessage({id: 'page'})} x $6,552 )</Typography>
<Typography variant="pnspsFormParagraph">( {data.noOfPages} {intl.formatMessage({id: 'page'})} x $6,552 )</Typography>
: :
<Typography variant="h5">( {data.length} cm x {data.colCount === 2 ? "$364 二格位" : "$182 一格位"} )</Typography>
<Typography variant="pnspsFormParagraph">( {data.length} cm x {data.colCount === 2 ? "$364 二格位" : "$182 一格位"} )</Typography>
} }
</Grid> </Grid>
</Grid> </Grid>


+ 21
- 21
src/pages/PublicNotice/Details_Public/ApplicationDetailCard.js Ver arquivo

@@ -190,7 +190,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applicationId"/>: <FormattedMessage id="applicationId"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -220,7 +220,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applyStatus"/>: <FormattedMessage id="applyStatus"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -236,11 +236,11 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Stack direction="row" justifyContent="flex-start" alignItems="center"> <Stack direction="row" justifyContent="flex-start" alignItems="center">
<Grid item xs={12} md={7} lg={7}> <Grid item xs={12} md={7} lg={7}>
<FormLabel><Typography variant="h5">原因:</Typography></FormLabel>
<FormLabel><Typography variant="pnspsFormParagraph">原因:</Typography></FormLabel>
</Grid> </Grid>
<Grid item xs={12} md={5} lg={5}> <Grid item xs={12} md={5} lg={5}>
<FormControl variant="outlined" fullWidth disabled> <FormControl variant="outlined" fullWidth disabled>
<Typography id='reason' variant="h5">
<Typography id='reason' variant="pnspsFormParagraph">
{currentApplicationDetailData.reason} {currentApplicationDetailData.reason}
</Typography> </Typography>
</FormControl> </FormControl>
@@ -259,7 +259,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="applyPerson"/>: <FormattedMessage id="applyPerson"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -306,7 +306,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="gazetteCount"/>: <FormattedMessage id="gazetteCount"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -340,7 +340,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="contactPerson"/>: <FormattedMessage id="contactPerson"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -370,7 +370,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="publishDate"/>: <FormattedMessage id="publishDate"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -405,7 +405,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="userContactNumber"/>: <FormattedMessage id="userContactNumber"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -454,13 +454,13 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="currencyPrice"/>(HK$): <FormattedMessage id="currencyPrice"/>(HK$):
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>


<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<FormLabel><Typography variant="h5">{FormatUtils.currencyFormat(fee)}</Typography></FormLabel>
<FormLabel><Typography variant="pnspsFormParagraph">{FormatUtils.currencyFormat(fee)}</Typography></FormLabel>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
@@ -473,7 +473,7 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="userFaxNumber"/>: <FormattedMessage id="userFaxNumber"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -524,7 +524,7 @@ const ApplicationDetailCard = (
<Grid container direction="row"> <Grid container direction="row">
<Grid item xs={12} sm={12} md={2.5} lg={1.6} <Grid item xs={12} sm={12} md={2.5} lg={1.6}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="draftFile"/>: <FormattedMessage id="draftFile"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
@@ -535,7 +535,7 @@ const ApplicationDetailCard = (
<Typography <Typography
fullWidth fullWidth
id='fileName' id='fileName'
variant="h5"
variant="pnspsFormParagraph"
> >
{fileDetail.filename} {fileDetail.filename}
</Typography> </Typography>
@@ -567,10 +567,10 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">Care Of:</Typography></FormLabel>
<FormLabel><Typography variant="pnspsFormParagraph">Care Of:</Typography></FormLabel>
</Grid> </Grid>
<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<Typography variant="h5">{currentApplicationDetailData.careOf}</Typography>
<Typography variant="pnspsFormParagraph">{currentApplicationDetailData.careOf}</Typography>
</Grid> </Grid>
</Grid> </Grid>
</Grid> : null </Grid> : null
@@ -579,12 +579,12 @@ const ApplicationDetailCard = (
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<FormLabel><Typography variant="h5">
<FormLabel><Typography variant="pnspsFormParagraph">
<FormattedMessage id="extraMark"/>: <FormattedMessage id="extraMark"/>:
</Typography></FormLabel> </Typography></FormLabel>
</Grid> </Grid>
<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<Typography variant="h5">{currentApplicationDetailData.remarks}</Typography>
<Typography variant="pnspsFormParagraph">{currentApplicationDetailData.remarks}</Typography>
</Grid> </Grid>
</Grid> </Grid>
</Grid> </Grid>
@@ -619,14 +619,14 @@ const ApplicationDetailCard = (
onClick={() => setIsPopUp(false)} onClick={() => setIsPopUp(false)}
aria-label={intl.formatMessage({id: 'close'})} aria-label={intl.formatMessage({id: 'close'})}
> >
<Typography variant="h5">
<Typography variant="pnspsFormParagraph">
<FormattedMessage id="close"/> <FormattedMessage id="close"/>
</Typography></Button> </Typography></Button>
<Button <Button
onClick={() => doPayment()} onClick={() => doPayment()}
aria-label={intl.formatMessage({id: 'confirm'})} aria-label={intl.formatMessage({id: 'confirm'})}
> >
<Typography variant="h5">
<Typography variant="pnspsFormParagraph">
<FormattedMessage id="confirm"/> <FormattedMessage id="confirm"/>
</Typography></Button> </Typography></Button>
</DialogActions> </DialogActions>
@@ -648,7 +648,7 @@ const ApplicationDetailCard = (
onClick={() => setErrorPopUp(false)} onClick={() => setErrorPopUp(false)}
aria-label={intl.formatMessage({id: 'close'})} aria-label={intl.formatMessage({id: 'close'})}
> >
<Typography variant="h5">
<Typography variant="pnspsFormParagraph">
<FormattedMessage id="close"/> <FormattedMessage id="close"/>
</Typography></Button> </Typography></Button>
</DialogActions> </DialogActions>


+ 1
- 1
src/pages/User/DetailsPage_Individual/UserInformationCard_Individual_Pub.js Ver arquivo

@@ -217,7 +217,7 @@ const UserInformationCard_Individual_Pub = ({ formData, loadDataFun }) => {
<Grid xs={12} sm={12} md={12} lg={4}> <Grid xs={12} sm={12} md={12} lg={4}>
<Grid container alignItems={"center"} sx={{mb:2}}> <Grid container alignItems={"center"} sx={{mb:2}}>
<Grid item xs={12} sm={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}> <Grid item xs={12} sm={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">
<Typography variant="pnspsFormParagraphBold">
<FormattedMessage id="idNo" />: <FormattedMessage id="idNo" />:
</Typography> </Typography>
</Grid> </Grid>


+ 7
- 0
src/themes/themeConst.js Ver arquivo

@@ -369,6 +369,13 @@ export const PNSPS_THEME = createTheme({
} }
} }
}, },
MuiFormLabel: {
styleOverrides: {
root:{
color: "#000000"
}
}
},
MuiTabPanel:{ MuiTabPanel:{
styleOverrides:{ styleOverrides:{
root:{ root:{


+ 7
- 2
src/themes/typography.js Ver arquivo

@@ -23,9 +23,14 @@ const Typography = (fontFamily) => ({
lineHeight: 1.5 lineHeight: 1.5
}, },
pnspsFormParagraph: { pnspsFormParagraph: {
fontWeight: 400,
fontWeight: 500,
fontSize: '1.1rem', fontSize: '1.1rem',
lineHeight: 0.8
lineHeight: 1
},
pnspsFormParagraphBold: {
fontWeight: 600,
fontSize: '1.1rem',
lineHeight: 1
}, },
h1: { h1: {
fontWeight: 600, fontWeight: 600,


+ 6
- 6
src/utils/FieldUtils.js Ver arquivo

@@ -13,7 +13,7 @@ export const notNullFieldLabel = (label) => {
export const getDateField = ({ label, valueName, form, disabled }) => { export const getDateField = ({ label, valueName, form, disabled }) => {
return <Grid container alignItems={"center"}> return <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}> <Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
<Grid item xs={12} md={6} lg={6}> <Grid item xs={12} md={6} lg={6}>
{initField({ {initField({
@@ -30,7 +30,7 @@ export const getTextField = ({ label, valueName, form, disabled }) => {
return <Grid container alignItems={"center"} xs={12} sm={12} md={12} lg={12} sx={{mb:2}}> return <Grid container alignItems={"center"} xs={12} sm={12} md={12} lg={12} sx={{mb:2}}>
<Grid item xs={12} sm={12} md={3} lg={3} <Grid item xs={12} sm={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
<Grid item xs={12} sm={12} md={6} lg={6}> <Grid item xs={12} sm={12} md={6} lg={6}>
{initField({ {initField({
@@ -47,7 +47,7 @@ export const getTextArea = ({ label, valueName, form, disabled, inputProps, ...p
return <Grid container alignItems={"center"}> return <Grid container alignItems={"center"}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
<Grid item xs={12} md={6} lg={6}> <Grid item xs={12} md={6} lg={6}>
{initField({ {initField({
@@ -74,7 +74,7 @@ export const getPhoneField = ({ label, valueName, form, disabled }) => {
return <Grid container alignItems={"center"} sx={{mb:2}}> return <Grid container alignItems={"center"} sx={{mb:2}}>
<Grid item xs={12} md={3} lg={3} <Grid item xs={12} md={3} lg={3}
sx={{ display: 'flex', alignItems: 'center' }}> sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
<Grid item xs={12} md={6} lg={6}> <Grid item xs={12} md={6} lg={6}>
<Stack direction="row"> <Stack direction="row">
@@ -119,7 +119,7 @@ export const getAddressField = ({ label, valueName, form, disabled }) => {
return <Grid container alignItems={"top"}> return <Grid container alignItems={"top"}>
<Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'top' }}> <Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'top' }}>
<Grid item lg={12} sx={{ alignItems: 'center' }}> <Grid item lg={12} sx={{ alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
</Grid> </Grid>
<Grid item xs={12} md={6} lg={6}> <Grid item xs={12} md={6} lg={6}>
@@ -154,7 +154,7 @@ export const getAddressField = ({ label, valueName, form, disabled }) => {
export const getComboField = ({ label, dataList, valueName, form, disabled, getOptionLabel, onInputChange, onChange, filterOptions, ...props }) => { export const getComboField = ({ label, dataList, valueName, form, disabled, getOptionLabel, onInputChange, onChange, filterOptions, ...props }) => {
return <Grid container alignItems={"center"} sx={{mb:2}}> return <Grid container alignItems={"center"} sx={{mb:2}}>
<Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}> <Grid item xs={12} md={3} lg={3} sx={{ display: 'flex', alignItems: 'center' }}>
<Typography variant="h5">{label}</Typography>
<Typography variant="pnspsFormParagraphBold">{label}</Typography>
</Grid> </Grid>
<Grid item xs={12} md={6} lg={6}> <Grid item xs={12} md={6} lg={6}>
<Combo <Combo


Escrever Pré-visualização
Carregando…
Cancelar
Salvar