Unverified Commit d476f35b authored by Florent Chehab's avatar Florent Chehab
Browse files

fix(front): Cleaned Logo after update

parent d8d4c8f6
import Chip from "@material-ui/core/Chip";
import Avatar from "@material-ui/core/Avatar";
import Typography from "@material-ui/core/Typography";
import React from "react";
import { makeStyles } from "@material-ui/styles";
......@@ -9,41 +6,48 @@ import CustomNavLink from "../common/CustomNavLink";
import classNames from "../../utils/classNames";
const useStyle = makeStyles((theme) => ({
siteName: {
fontWeight: 900,
},
logoContainer: {
position: "relative",
width: "fit-content",
},
iconChip: {
backgroundColor: "transparent",
centered: {
margin: "0 auto",
},
innerLogoContainer: {
display: "flex",
alignItems: "center",
borderRadius: 0,
paddingLeft: 1,
paddingRight: 1,
paddingLeft: 8,
paddingRight: 8,
flexWrap: "nowrap",
"&:hover": {
cursor: "pointer",
},
},
centered: {
margin: "0 auto",
siteName: {
fontWeight: 900,
fontSize: "1.75rem",
whiteSpace: "nowrap",
color: theme.palette.getContrastText(theme.palette.primary.main),
},
icon: {
position: "relative",
width: "3.6em",
height: "3.6em",
overflow: "initial",
backgroundColor: "transparent",
right: "0.2em",
bottom: "-0.1em",
},
logoUnderline: {
position: "absolute",
left: 0,
bottom: 2,
bottom: 14,
height: 9,
backgroundColor: theme.palette.secondary.main,
width: "100%",
zIndex: -1,
},
iconAvatar: {
width: "2.5em",
height: "2.5em",
overflow: "initial",
backgroundColor: "transparent",
right: -4,
},
}));
function Core() {
......@@ -51,23 +55,15 @@ function Core() {
return (
<>
<Chip
avatar={
<Avatar
className={classes.iconAvatar}
alt="icon"
src="/static/base_app/favicon/favicon.svg"
/>
}
label={
<Typography variant="h5" color="inherit" className={classes.siteName}>
REX-DRI
</Typography>
}
className={classes.iconChip}
color="primary"
/>
<div className={classes.logoUnderline} />
<div className={classes.innerLogoContainer}>
<img
className={classes.icon}
alt="icon"
src="/static/base_app/favicon/favicon.svg"
/>
<span className={classes.siteName}>REX-DRI</span>
<div className={classes.logoUnderline} />
</div>
</>
);
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment