Some Info Edit Styles added

This commit is contained in:
Philipp Lohner 2021-06-20 16:59:36 +02:00
parent e5f0cf24f5
commit 56691a3135

View file

@ -10,6 +10,14 @@ const useStyles = makeStyles((theme) => ({
padding: theme.spacing(1),
marginBottom: theme.spacing(3),
},
textArea: {
width: "85%",
padding: theme.spacing(1),
marginBottom: theme.spacing(3),
marginTop: theme.spacing(1),
resize: "none",
overflow: "auto",
},
}));
interface EditInformationProps {
@ -23,7 +31,7 @@ export function EditInformation(
return (
<div>
<Typography component={"h2"} variant="h6" color="secondary" gutterBottom>
<Typography component={"h2"} variant="h6" gutterBottom>
Bearbeite hier die Webseiten Info-Texte für deinen Candymat:
</Typography>
<Paper className={classes.root}>
@ -33,7 +41,7 @@ export function EditInformation(
</Typography>
<form>
<textarea
className="input-about"
className={classes.textArea}
value="Hier muss der Über Uns Text rein"
>
{/*Hier kommt der Inhalt aus der Datenbank*/}
@ -46,7 +54,7 @@ export function EditInformation(
</Typography>
<form>
<textarea
className="input-impressum"
className={classes.textArea}
value="Hier muss der Impressum Text rein"
>
{/*Hier kommt der Inhalt aus der Datenbank*/}