neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shadow-y.

Browse Source
This commit is contained in:
Jaco Greeff 2020-08-21 13:56:33 +02:00
parent 9c979b71f3
commit 399222b872
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/apps/src/Menu/Grouping.tsx
View File

@ -60,7 +60,7 @@ export default React.memo(styled(Grouping)`
.groupMenu {
border-radius: 0 0 0.25rem 0.25rem;
box-shadow: 0 ${SHA_OFF} ${SHA_OFF} -${SHA_OFF} , ${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL}, -${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL};
box-shadow: 0 ${SHA_OFF} ${SHA_OFF} -${SHA_OFF} ${SHA_COL}, ${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL}, -${SHA_OFF} 0 ${SHA_OFF} -${SHA_OFF} ${SHA_COL};
display: none;
margin: 0;
overflow: hidden;
@ -80,7 +80,7 @@ export default React.memo(styled(Grouping)`
&:hover {
.groupHdr,
.groupMenu li {
background: rgba(254, 252, 250, 0.95);
background: #fefcfa;
}
.groupHdr {

7
packages/apps/src/Menu/index.tsx
View File

@ -192,6 +192,8 @@ export default React.memo(styled(Menu)`
}
&.isLoading.menuBg {
box-shadow: 0 5px 5px -5px rgba(34,36,38,0.12);
&:after {
background: #eee;
}
@ -201,7 +203,7 @@ export default React.memo(styled(Menu)`
}
.menuActive {
opacity: 0.66;
background: #f5f3f1;
}
}
@ -213,9 +215,10 @@ export default React.memo(styled(Menu)`
.menuActive {
background: #fefcfa;
border-bottom: none;
border-radius: 0.25rem 0.25rem 0 0;
padding: 1rem 1.5rem;
margin: 0 1rem;
margin: 0 1rem -1px;
.ui--Icon {
margin-right: 0.5rem;

1
packages/react-components/src/Tabs/index.tsx
View File

@ -62,6 +62,7 @@ export default React.memo(styled(Tabs)`
align-items: flex-end;
background: #fefcfa;
border-bottom: 1px solid #e6e6e6;
box-shadow: 0 5px 5px -5px rgba(34,36,38,0.12);
display: flex;
margin: 0 -3rem;
overflow-x: scroll;