tudor.stanciu
/
network-resurrector-frontend
mirror of https://dev.azure.com/tstanciu94/NetworkResurrector/_git/NetworkResurrector_Frontend
1
0
Fork 0
Code Issues 2 Packages Projects Releases Wiki Activity

login style fix

master
Tudor Stanciu 2020-12-24 16:48:22 +02:00
parent 8580f10b0a
commit 86008a470a
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/features/login/components/LoggedInComponent.js
View File

@ -11,7 +11,7 @@ import LoginComponent from "./LoginComponent";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
const useStyles = makeStyles(theme => ({ const useStyles = makeStyles(theme => ({
root: { card: {
minWidth: 350 minWidth: 350
}, },
onRight: { onRight: {
@ -19,6 +19,9 @@ const useStyles = makeStyles(theme => ({
}, },
avatar: { avatar: {
backgroundColor: theme.palette.primary.main backgroundColor: theme.palette.primary.main
},
collapseContent: {
padding: 0
} }
})); }));
@ -32,7 +35,7 @@ const LoggedInComponent = ({ credentials, onChange, onLogin, onLogout }) => {
}; };
return ( return (
<Card className={classes.root}> <Card className={classes.card}>
<CardHeader <CardHeader
avatar={ avatar={
<Avatar aria-label="recipe" className={classes.avatar}> <Avatar aria-label="recipe" className={classes.avatar}>
@ -63,7 +66,10 @@ const LoggedInComponent = ({ credentials, onChange, onLogin, onLogout }) => {
</CardActions> </CardActions>
<Divider /> <Divider />
<Collapse in={expanded} timeout="auto" unmountOnExit> <Collapse in={expanded} timeout="auto" unmountOnExit>
<CardContent> <CardContent
className={classes.collapseContent}
style={{ paddingBottom: "5px" }}
>
<LoginComponent <LoginComponent
credentials={credentials} credentials={credentials}
onChange={onChange} onChange={onChange}