Fix styling

This commit is contained in:
Paulo Gustavo Veiga 2021-02-27 23:43:26 -08:00
parent 1b09418ce4
commit 3a687b8a66
7 changed files with 13 additions and 12 deletions

View File

@ -170,8 +170,7 @@ export default class RestClient implements Client {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => { const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
axios axios
.post( .post(
`${this.baseUrl}/c/restful/maps?title=${model.title}&description=${ `${this.baseUrl}/c/restful/maps?title=${model.title}&description=${model.description ? model.description : ''
model.description ? model.description : ''
}`, }`,
model.content, model.content,
{ headers: { 'Content-Type': model.contentType } } { headers: { 'Content-Type': model.contentType } }
@ -280,8 +279,7 @@ export default class RestClient implements Client {
}) })
.then(() => { .then(() => {
return axios.put( return axios.put(
`${this.baseUrl}/c/restful/maps/${id}/description`, `${this.baseUrl}/c/restful/maps/${id}/description`, basicInfo.description || ' ',
basicInfo.description,
{ headers: { 'Content-Type': 'text/plain' } } { headers: { 'Content-Type': 'text/plain' } }
); );
}) })
@ -302,8 +300,7 @@ export default class RestClient implements Client {
const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => { const handler = (success: (mapId: number) => void, reject: (error: ErrorInfo) => void) => {
axios axios
.post( .post(
`${this.baseUrl}/c/restful/maps?title=${model.title}&description=${ `${this.baseUrl}/c/restful/maps?title=${model.title}&description=${model.description ? model.description : ''
model.description ? model.description : ''
}`, }`,
null, null,
{ headers: { 'Content-Type': 'application/json' } } { headers: { 'Content-Type': 'application/json' } }

View File

@ -63,7 +63,7 @@ export const StyledDiv = styled.nav`
display: grid; display: grid;
white-space: nowrap; white-space: nowrap;
grid-template-columns: 150px 1fr 130px 160px 50px; grid-template-columns: 200px 1fr 130px 160px 50px;
`; `;
export const Logo = styled.span` export const Logo = styled.span`

View File

@ -27,15 +27,17 @@ export const useStyles = makeStyles((theme: Theme) =>
}, },
newMapButton: { newMapButton: {
marginRight: 10, marginRight: 10,
minWidth: '130px'
}, },
importButton: { importButton: {
marginRight: 10, marginRight: 10,
minWidth: '130px'
}, },
rightButtonGroup: { rightButtonGroup: {
marginRight: 10, marginRight: 10,
flexGrow: 10, flexGrow: 10,
textAlign: 'right', textAlign: 'right',
minWidth: '200px', minWidth: '280px',
}, },
drawer: { drawer: {
width: drawerWidth, width: drawerWidth,

View File

@ -16,7 +16,7 @@ import GlobalError from '../form/global-error';
import SubmitButton from '../form/submit-button'; import SubmitButton from '../form/submit-button';
import Typography from '@material-ui/core/Typography'; import Typography from '@material-ui/core/Typography';
import FormControl from '@material-ui/core/FormControl'; import FormControl from '@material-ui/core/FormControl';
import AppConfig from '../../classes/server-config'; import AppConfig from '../../classes/app-config';
export type Model = { export type Model = {
email: string; email: string;

View File

@ -3,7 +3,7 @@ import { createSlice } from '@reduxjs/toolkit';
import { useQuery } from 'react-query'; import { useQuery } from 'react-query';
import Client, { AccountInfo, ErrorInfo, MapInfo } from '../classes/client'; import Client, { AccountInfo, ErrorInfo, MapInfo } from '../classes/client';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import AppConfig from '../classes/server-config'; import AppConfig from '../classes/app-config';
export interface ClientStatus { export interface ClientStatus {

View File

@ -26,6 +26,9 @@ const theme = createMuiTheme({
root: { root: {
color: '#f9a826', color: '#f9a826',
}, },
outlined:{
zIndex: 'inherit'
}
}, },
MuiButton: { MuiButton: {
root: { root: {
@ -42,8 +45,7 @@ const theme = createMuiTheme({
'&:hover': { '&:hover': {
backgroundColor: 'rgba(249, 168, 38, 0.91)', backgroundColor: 'rgba(249, 168, 38, 0.91)',
}, },
}, }
textPrimary: {},
}, },
}, },
typography: { typography: {