Reduce index stats cards

2022-06-02 07:41:38 +04:00
parent a4536993f6
commit c6d4b5a08d
2 changed files with 14 additions and 10 deletions
@@ -2,18 +2,22 @@ import PropTypes from 'prop-types'
 import Card from '@mui/material/Card'
 import CardContent from '@mui/material/CardContent'
 import Typography from '@mui/material/Typography'
+import Grid from '@mui/material/Grid'
+
 import TraductionsStats from './traductions-stats'

 export default function KatStats({emoji, value, total}) {
  return (
-    <Card sx={{marginBottom: 2}} variant='outlined'>
-      <CardContent>
-        <Typography gutterBottom align='center' variant='h6'>
-          <span dangerouslySetInnerHTML={{__html: emoji}} />
-        </Typography>
-        <TraductionsStats value={value} total={total} />
-      </CardContent>
-    </Card>
+    <Grid item xs={12} md={6}>
+      <Card variant='outlined'>
+        <CardContent>
+          <Typography gutterBottom align='center' variant='h6'>
+            <span dangerouslySetInnerHTML={{__html: emoji}} />
+          </Typography>
+          <TraductionsStats value={value} total={total} />
+        </CardContent>
+      </Card>
+    </Grid>
  )
 }