fix: 버튼 && 간격 조정

main
minuk926 3 years ago
parent 3c71453d52
commit 96c555ca3f

@ -173,11 +173,11 @@ const Board = () => {
return (
<MainCard>
<Grid container spacing={2} alignItems="center">
<Grid item xs={12} lg={6}>
<Grid item xs={12}>
<Grid container spacing={1}>
<Grid item>
<FormControl fullWidth>
<InputLabel required>소속팀</InputLabel>
<InputLabel required>구분</InputLabel>
<Select size="small" id="category" name="reviewYear" defaultValue="ciTitle" onChange={(e) => setCategory(e.target.value)}>
<MenuItem key="1" value="ciTitle">
제목

@ -126,16 +126,13 @@ const PublicBoard = () => {
return (
<MainCard>
<Grid container alignItems="right">
<Grid item>
<Grid item style={{ marginLeft: 'auto' }}>
<Button variant="contained" size="small" onClick={handleCreate}>
공지사항 등록
</Button>
</Grid>
</Grid>
<Grid item xs={12}>
<Divider />
</Grid>
<Grid item xs={12}>
<Grid item xs={12} mt={1} mb={1}>
<Divider />
</Grid>

@ -2,7 +2,7 @@ import { useMemo, useRef, useState } from 'react';
import { useAlert } from 'react-alert';
// material-ui
import { Button, FormControl, Grid, MenuItem, Select, TextField } from '@mui/material';
import { Button, Divider, FormControl, Grid, MenuItem, Select, TextField } from '@mui/material';
// assets
@ -160,7 +160,7 @@ const PublicBoardForm = (props) => {
<TextField size="small" disabled label="작성자" value={inName} fullWidth />
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mb={1}>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12} sm={3}>
<TextField size="small" disabled label="등록일" value={inNalja} fullWidth />
</Grid>
@ -171,7 +171,7 @@ const PublicBoardForm = (props) => {
<TextField size="small" disabled label="조회수" value={inHit} fullWidth />
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mb={1}>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<ReactQuill
ref={(element) => {
@ -187,7 +187,7 @@ const PublicBoardForm = (props) => {
/>
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mb={1}>
<Grid container spacing={1} item xs={12}>
<Grid item sm={6}>
<FileForm
isDownload={inFilename}
@ -201,13 +201,18 @@ const PublicBoardForm = (props) => {
</Grid>
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mt={1} mb={1}>
<Grid item xs={12}>
<Divider />
</Grid>
</Grid>
<Grid item container spacing={0.5} xs={12}>
<Grid item>
<Button variant="contained" size="small" startIcon={<List />} onClick={onList}>
목록
</Button>
</Grid>
<Grid item>
<Grid item style={{ marginLeft: 'auto' }}>
<Button variant="contained" size="small" startIcon={<Save />} onClick={onSave}>
저장
</Button>

@ -110,16 +110,18 @@ const JudgeDataReview = ({ scDatagb, menuName }) => {
return (
<MainCard>
<Grid container alignItems="right">
<Grid item>
<Grid container>
<Grid item style={{ marginLeft: 'auto' }}>
<Button variant="contained" size="small" onClick={handleCreate}>
{`${menuName} 의견진술 자료 등록`}
</Button>
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<Divider />
</Grid>
</Grid>
<MuiDataGrid
columns={columns}
rowsState={rowsState}

@ -176,7 +176,7 @@ const JudgeRegistReview = ({ scDatagb, menuName }) => {
검색
</Button>
</Grid>
<Grid item>
<Grid item style={{ marginLeft: 'auto' }}>
<Button
disabled={selectionModel.length === 0}
variant="contained"

@ -206,11 +206,10 @@ const JudgeReview = ({ msDatagb, menuName }) => {
</Grid>
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<Divider />
</Grid>
<Grid item xs={12}>
<Divider />
</Grid>
<MuiDataGrid
columns={columns}

@ -95,10 +95,10 @@ const ModalJudgeResult = ({ totJudgeUsers, totJudgeUserData, judgeCars, judgeUse
return (
<Box>
<Grid container spacing={1} alignItems="center">
<Grid container spacing={1} alignItems="center" mb={1}>
<Grid item xs={12}>
<Grid container spacing={1}>
<Grid item sm={4}>
<Grid item sm={5}>
<Typography variant="subtitle1">
심의차수: {selectedRow.msChasu} 심의기간: {selectedRow.msSdate} ~ {selectedRow.msEdate}
</Typography>

@ -5,7 +5,7 @@ import NumberFormat from 'react-number-format';
import { useAlert } from 'react-alert';
import format from 'date-fns/format';
import { Grid, TextField, MenuItem, Select, FormControl, InputLabel, InputAdornment } from '@mui/material';
import { Grid, TextField, MenuItem, Select, FormControl, InputLabel, InputAdornment, Divider } from '@mui/material';
import Button from '@mui/material/Button';
import { IconSearch } from '@tabler/icons';
@ -423,12 +423,19 @@ const NewJudgeDataForm = ({ handleModalSave }) => {
</Grid>
</Grid>
</Grid>
<Grid item sx={{ marginTop: 3 }}>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<Divider />
</Grid>
</Grid>
<Grid item container spacing={0.5} xs={12} mt={1}>
<Grid item style={{ marginLeft: 'auto' }}>
{/* <Button variant="contained" color="primary" size="small" startIcon={<IconFileExport />} onClick={onSave}> */}
<Button variant="contained" color="primary" size="small" onClick={onSave}>
저장
</Button>
</Grid>
</Grid>
</>
);
};

@ -5,7 +5,7 @@ import format from 'date-fns/format';
import getHours from 'date-fns/getHours';
import koLocale from 'date-fns/locale/ko';
import { Grid, TextField, MenuItem, Select, FormControl, InputLabel } from '@mui/material';
import { Grid, TextField, MenuItem, Select, FormControl, InputLabel, Divider } from '@mui/material';
import DateAdapter from '@mui/lab/AdapterDateFns';
import LocalizationProvider from '@mui/lab/LocalizationProvider';
import { DatePicker, TimePicker } from '@mui/lab';
@ -157,11 +157,18 @@ const SaveJudgeTargetForm = ({ handleModalSave }) => {
</LocalizationProvider>
</Grid>
</Grid>
<Grid item sx={{ marginTop: 3 }}>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<Divider />
</Grid>
</Grid>
<Grid item container spacing={0.5} xs={12} mt={1}>
<Grid item style={{ marginLeft: 'auto' }}>
<Button variant="contained" color="primary" size="small" startIcon={<IconFileExport />} onClick={onSave}>
저장
</Button>
</Grid>
</Grid>
</>
);
};

@ -206,11 +206,10 @@ const ParkingReview = () => {
</Grid>
</Grid>
</Grid>
<Grid container spacing={1} item xs={12} mt={1}>
<Grid item xs={12}>
<Divider />
</Grid>
<Grid item xs={12}>
<Divider />
</Grid>
<MuiDataGrid
columns={columns}

@ -95,14 +95,7 @@ const ExcelDownload = ({ fileName, gridColumns, excelDatas, isDisabled = true })
};
return (
<Button
disabled={isDisabled}
variant="contained"
color="primary"
size="small"
startIcon={<IconFileExport />}
onClick={handleExcelDownload}
>
<Button disabled={isDisabled} variant="contained" size="small" startIcon={<IconFileExport />} onClick={handleExcelDownload}>
엑셀다운로드
</Button>
);

Loading…
Cancel
Save