Commit 93316138 authored by Andrew Hrdy's avatar Andrew Hrdy

Fixed logos on mobile> Fixed sidebar so it doesn't cut off logos.

parent f497de4e
......@@ -56,7 +56,7 @@ class FacilityDialog extends React.Component {
<Grid item className={'fd-header-container'}>
<Grid container className={'fd-header'}>
<Grid item>
<Avatar src={facility.logo} />
<Avatar className={'fd-avatar'} src={facility.logo} />
</Grid>
<Grid item className={'fd-header-text-container'}>
<Typography className={'fd-header-text'} type={'headline'}>
......
......@@ -28,6 +28,15 @@
width: 100%;
}
.fd-avatar {
border-radius: 0 !important;
& > img {
object-fit: contain !important;
border-radius: 0 !important;
}
}
.fd-header {
display: flex !important;
flex-wrap: nowrap !important;
......
......@@ -64,11 +64,14 @@
.sidebar-avatar {
width: 100px !important;
height: 100px !important;
}
.sidebar-avatar>img{
border-radius: 0 !important;
& > img {
object-fit: contain !important;
border-radius: 0px !important;
border-radius: 0 !important;
}
}
.sidebar-title {
height: 100px;
margin-left: 8px;
......
......@@ -32,11 +32,8 @@
.fc-logo-container {
width: 100px;
height: 100px;
// box-sizing: border-box;
margin: auto;
margin-top: -60px;
margin: -60px auto auto auto;
border-radius: 50%;
// border: 5px solid white;
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
overflow: hidden;
}
......@@ -45,10 +42,7 @@
width: 90px;
height: 90px;
margin: auto;
// border-radius: 50%;
background-size: contain !important;
// padding:5px;
// box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.fc-title {
......
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