Commit 93316138 authored by Andrew Hrdy's avatar Andrew Hrdy
Browse files

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

parent f497de4e
Pipeline #1971 passed with stage
in 1 minute and 39 seconds
...@@ -56,7 +56,7 @@ class FacilityDialog extends React.Component { ...@@ -56,7 +56,7 @@ class FacilityDialog extends React.Component {
<Grid item className={'fd-header-container'}> <Grid item className={'fd-header-container'}>
<Grid container className={'fd-header'}> <Grid container className={'fd-header'}>
<Grid item> <Grid item>
<Avatar src={facility.logo} /> <Avatar className={'fd-avatar'} src={facility.logo} />
</Grid> </Grid>
<Grid item className={'fd-header-text-container'}> <Grid item className={'fd-header-text-container'}>
<Typography className={'fd-header-text'} type={'headline'}> <Typography className={'fd-header-text'} type={'headline'}>
......
...@@ -28,6 +28,15 @@ ...@@ -28,6 +28,15 @@
width: 100%; width: 100%;
} }
.fd-avatar {
border-radius: 0 !important;
& > img {
object-fit: contain !important;
border-radius: 0 !important;
}
}
.fd-header { .fd-header {
display: flex !important; display: flex !important;
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
......
...@@ -64,11 +64,14 @@ ...@@ -64,11 +64,14 @@
.sidebar-avatar { .sidebar-avatar {
width: 100px !important; width: 100px !important;
height: 100px !important; height: 100px !important;
} border-radius: 0 !important;
.sidebar-avatar>img{
& > img {
object-fit: contain !important; object-fit: contain !important;
border-radius: 0px !important; border-radius: 0 !important;
}
} }
.sidebar-title { .sidebar-title {
height: 100px; height: 100px;
margin-left: 8px; margin-left: 8px;
......
...@@ -32,11 +32,8 @@ ...@@ -32,11 +32,8 @@
.fc-logo-container { .fc-logo-container {
width: 100px; width: 100px;
height: 100px; height: 100px;
// box-sizing: border-box; margin: -60px auto auto auto;
margin: auto;
margin-top: -60px;
border-radius: 50%; 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); 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; overflow: hidden;
} }
...@@ -45,10 +42,7 @@ ...@@ -45,10 +42,7 @@
width: 90px; width: 90px;
height: 90px; height: 90px;
margin: auto; margin: auto;
// border-radius: 50%;
background-size: contain !important; 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 { .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