Undid changes to Service Status
This commit is contained in:
parent
4b70f4892c
commit
9a6db5128a
1 changed files with 7 additions and 33 deletions
|
@ -82,13 +82,11 @@ const CardTitleIcon = styled.div`
|
||||||
const CardStatus = styled.p<OnlinePropType>`
|
const CardStatus = styled.p<OnlinePropType>`
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
position: absolute;
|
|
||||||
top: -0.8rem;
|
|
||||||
left: 80%;
|
|
||||||
|
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
padding: 0 0.2rem;
|
padding: 0.1rem 0.3rem;
|
||||||
margin: 0;
|
margin: 0.5rem;
|
||||||
|
margin-right: 1.5rem;
|
||||||
|
|
||||||
color: ${props => {
|
color: ${props => {
|
||||||
let ret;
|
let ret;
|
||||||
|
@ -109,34 +107,10 @@ const CardStatus = styled.p<OnlinePropType>`
|
||||||
}};
|
}};
|
||||||
|
|
||||||
border-radius: 0.5rem;
|
border-radius: 0.5rem;
|
||||||
border: 0.125rem solid;
|
border: 0;
|
||||||
|
border-bottom: 0.125rem solid;
|
||||||
|
|
||||||
${({ theme }) => {
|
background: transparent;
|
||||||
let ret;
|
|
||||||
|
|
||||||
if (theme.backgroundImage) {
|
|
||||||
ret = css`
|
|
||||||
background-image: ${() => {
|
|
||||||
return css`
|
|
||||||
linear-gradient(${theme.colors.background}, ${theme.colors.background}),
|
|
||||||
url(${theme.backgroundImage})
|
|
||||||
`
|
|
||||||
}};
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-attachment: fixed;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: ${theme.backgroundOffset ? theme.backgroundOffset : "60%"};
|
|
||||||
background-position-y: 0;
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
else {
|
|
||||||
ret = css`
|
|
||||||
background-color: ${({ theme }) => theme.colors.background};
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return ret;
|
|
||||||
}};
|
|
||||||
`
|
`
|
||||||
|
|
||||||
const CardTitle = styled.div`
|
const CardTitle = styled.div`
|
||||||
|
|
Loading…
Reference in a new issue