Skip to content
Snippets Groups Projects
Commit 359446af authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

chore: fix profile colors & warning icon

parent f1fa768b
No related branches found
No related tags found
1 merge request!1263feat(ui)!: new design
......@@ -169,7 +169,7 @@ const FluidMaxButton = ({
/>
<div
className={classNames('text-14-normal', {
className={classNames('text-14-normal fluidLabel', {
active: isActive,
})}
>
......
......@@ -34,7 +34,7 @@ exports[`MaxConsumptionCard component should be rendered correctly with 2 button
/>
</svg>
<div
class="text-14-normal active"
class="text-14-normal fluidLabel active"
>
FLUID.ELECTRICITY.LABEL
</div>
......@@ -63,7 +63,7 @@ exports[`MaxConsumptionCard component should be rendered correctly with 2 button
/>
</svg>
<div
class="text-14-normal"
class="text-14-normal fluidLabel"
>
FLUID.GAS.LABEL
</div>
......
......@@ -75,5 +75,9 @@
display: flex;
flex-direction: column;
gap: 4px;
.fluidLabel {
color: $white;
}
}
}
import Button from '@material-ui/core/Button'
import warningDark from 'assets/icons/ico/warning-dark.svg'
import warningOrange from 'assets/icons/ico/warn-orange.svg'
import warningRed from 'assets/icons/ico/warning-red.svg'
import StyledIcon from 'components/CommonKit/Icon/StyledIcon'
import { useClient } from 'cozy-client'
......@@ -346,7 +346,7 @@ const DisplayManualUpdate = () => {
return (
<div className="connection-caption-warning connection-update-errored warning-white text-16-normal">
<StyledIcon
icon={warningDark}
icon={warningOrange}
size={36}
className="warning-icon"
role="img"
......
......@@ -24,16 +24,12 @@
}
}
.connection-caption-warning {
background-color: $gold-shadow;
margin: 0 -2.5rem;
padding: 0.4rem 2.5rem;
background-color: #3a2f23;
border-radius: 4px;
padding: 8px;
display: flex;
align-items: center;
color: $dark-2;
@media #{$tablet} {
margin: 0 -1.2rem;
padding: 0.4rem 1.2rem;
}
color: $white;
.warning-icon {
min-width: 20px;
......@@ -44,7 +40,7 @@
}
}
.connection-caption {
color: $grey-bright;
color: $white;
}
}
......
......@@ -63,11 +63,6 @@ export const theme = createTheme({
boxSizing: 'border-box',
},
},
MuiIconButton: {
root: {
color: 'inherit !important',
},
},
MuiAccordion: {
root: {
boxShadow: ' 0px 4px 16px 0px rgba(0, 0, 0, 0.12)',
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment