acouzens
/
open5gs
1
0
Fork 1
Code Issues Pull Requests 1 Projects Releases Wiki Activity

minjun changes color of both header and sidebar

This commit is contained in:
Sukchan Lee 2017-07-06 19:39:44 +09:00
parent 5f98646b16
commit be2b528d12
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
webui/src/components/Base/Header.js
View File

@ -13,8 +13,7 @@ const Wrapper = styled.div`
height: 4rem;
color: white;
background: ${oc.indigo[8]};
border-bottom: 1px solid ${oc.indigo[9]};
background: ${oc.indigo[9]};
`;
const Menu = styled.div`

10
webui/src/components/Base/Sidebar.js
View File

@ -28,7 +28,7 @@ const Menu = styled.div`
transition: height .2s ease-in-out;
`}
background-color: ${oc.indigo[6]};
background-color: ${oc.indigo[5]};
box-shadow: 3px 3px 6px rgba(0,0,0,0.1), 3px 3px 6px rgba(0,0,0,0.2);
`;
@ -41,13 +41,13 @@ const StyledItem = styled.div`
cursor: pointer;
color: white;
background: ${p => p.active ? oc.indigo[5] : oc.indigo[6]};
background: ${p => p.active ? oc.indigo[7] : oc.indigo[5]};
border-left: ${p => p.active ? `12px solid ${oc.indigo[3]}` :
`12px solid ${oc.indigo[7]}`};
border-left: ${p => p.active ? `12px solid ${oc.indigo[6]}` :
`12px solid ${oc.indigo[4]}`};
&:hover {
background: ${p => p.active ? oc.indigo[5] : oc.indigo[7]};
background: ${p => p.active ? oc.indigo[7] : oc.indigo[6]};
}
`;