diff options
| author | Determinant <ted.sybil@gmail.com> | 2019-02-20 12:16:17 -0500 |
|---|---|---|
| committer | Determinant <ted.sybil@gmail.com> | 2019-02-20 12:16:17 -0500 |
| commit | f23552831c5f2310a3afa4b16198e06a7283a069 (patch) | |
| tree | f53df430019d24951f78803c0ebb9bbf5f16b870 /src/tab.tsx | |
| parent | fbfef737e35ed4943df55e84505640d6eb54c09d (diff) | |
manage auth by background.js; fix bugs
Diffstat (limited to 'src/tab.tsx')
| -rw-r--r-- | src/tab.tsx | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/tab.tsx b/src/tab.tsx index 727a3a5..8edd67e 100644 --- a/src/tab.tsx +++ b/src/tab.tsx @@ -94,11 +94,11 @@ class Tab extends React.Component<TabProps> { </IconButton> </div> <div className={classes.buttonSpacer} /> - <Grid container spacing={0} style={{ maxWidth: 1024, minWidth: 640, margin: '0 auto' }}> + <Grid container spacing={0} style={{ maxWidth: 900, minWidth: 640, margin: '0 auto' }}> { (data.length > 0 && data.map((d, idx) => ( - <Grid item key={idx} xs={12} lg={6}> + <Grid item key={idx} xs={12} md={6}> <Typography variant="subtitle1" align="center" color="textPrimary"> {d.name} </Typography> @@ -119,26 +119,30 @@ class Tab extends React.Component<TabProps> { padAngle={0.8} /> </div>) || <div style={{ - height: 250, marginLeft: 100, marginRight: 100, marginTop: 60, marginBottom: 60, - textAlign: 'center', - position: 'relative' + textAlign: 'center' }}> + <div style={{ + position: 'relative', + height: 250, + display: 'inline-block' + }}> <Donut style={{ height: '100%' }} /> <div style={{ position: 'absolute', top: -40, - left: 83, + left: 55, }}> <Typography variant="subtitle1" align="center" color="textSecondary"> No matching events. </Typography> </div> + </div> </div>} </Grid> ))) || ( |