filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-12-26 10:34:09 +03:00
Code Issues Packages Projects Releases Wiki Activity

more style tweaks

Browse Source
This commit is contained in:
Martina 2020-08-31 22:16:16 -07:00
parent 3ec1fc56eb
commit af28826869
2 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scenes/SceneDirectory.js
View File

@ -22,8 +22,8 @@ const STYLES_TAB = css`
`;
const STYLES_TAB_GROUP = css`
border-bottom: 1px solid ${Constants.system.gray};
margin: 32px 0px 24px 0px;
${"" /* border-bottom: 1px solid ${Constants.system.gray}; */}
margin: 40px 0px 24px 0px;
`;
const STYLES_USER_ENTRY = css`

17
scenes/SceneSlates.js
View File

@ -64,7 +64,14 @@ const STYLES_TAB = css`
const STYLES_TAB_GROUP = css`
${"" /* border-bottom: 1px solid ${Constants.system.gray}; */}
margin: 32px 0px 24px 0px;
margin: 38px 0px 24px 0px;
`;
const STYLES_EMPTY_MESSAGE = css`
display: flex;
align-items: center;
justify-content: center;
height: 400px;
`;
// TODO(jim): Slates design.
@ -155,7 +162,13 @@ export default class SceneSlates extends React.Component {
</div>
))
: null}
{this.state.tab === "following" ? "Coming soon!" : null}
{this.state.tab === "following" ? (
<div css={STYLES_EMPTY_MESSAGE}>
<div style={{ maxWidth: "400px", textAlign: "center" }}>
Coming soon!
</div>
</div>
) : null}
{/* this.props.viewer.subscriptions
.filter((each) => {
return !!each.target_slate_id;