SimCompanies/dashboard
2
1
Fork 0
Code Issues 17 Pull Requests Releases Activity

grid layout #9

Browse Source
This commit is contained in:
Hawk
2020-04-17 23:23:35 +02:00
parent d177a9d1c0
commit c7058d0a75
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/selectResource/index.js
View File

@@ -2,7 +2,8 @@ import React from 'react';
import { makeStyles } from '@material-ui/core/styles'; import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card'; import Card from '@material-ui/core/Card';
import CardContent from '@material-ui/core/CardContent'; import CardContent from '@material-ui/core/CardContent';
import Typography from '@material-ui/core/Typography' import Typography from '@material-ui/core/Typography';
import Grid from '@material-ui/core/Grid';
const useStyles = makeStyles(theme => ({ const useStyles = makeStyles(theme => ({
card: { card: {
@@ -11,13 +12,18 @@ const useStyles = makeStyles(theme => ({
})); }));
function CreateResourceCard(resource, classes) { function CreateResourceCard(resource, classes) {
return (<Card className={classes.card}> return (
<CardContent> <Grid item xs={4}>
<Typography variant="h5" component="h2"> <Card className={classes.card}>
{JSON.stringify(resource)} <CardContent>
</Typography> <Typography variant="h6" component="h2">
</CardContent> {resource["name"]}
</Card>) </Typography>
</CardContent>
</Card>
</Grid>
)
} }
export default function SelectResource() { export default function SelectResource() {
@@ -38,9 +44,9 @@ export default function SelectResource() {
return ( return (
<React.Fragment> <Grid container spacing={2}>
{resources} {resources}
</React.Fragment> </Grid>
); );
} }