filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 22:12:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #446 from filecoin-project/@tarafanlin/nits

Browse Source 
fixing nits
This commit is contained in:
martinalong 2020-11-22 15:53:08 -08:00 committed by GitHub
commit 8e1491a28d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/core/ApplicationHeader.js
View File

@ -51,7 +51,7 @@ const STYLES_APPLICATION_HEADER = css`
justify-content: space-between;
width: 100%;
height: 56px;
padding: 0 32px 0 32px;
padding: 0 32px 0 24px;
pointer-events: none;
background-color: ${Constants.system.white};

37
components/core/SlatePreviewBlock.js
View File

@ -12,6 +12,8 @@ import SlateMediaObjectPreview from "~/components/core/SlateMediaObjectPreview";
const MARGIN = 12;
const MIN_WIDTH = 144;
const placeholder =
"https://slate.textile.io/ipfs/bafkreidq27ycqubd4pxbo76n3rv5eefgxl3a2lh3wfvdgtil4u47so3nqe";
const STYLES_MOBILE_HIDDEN = css`
@media (max-width: ${Constants.sizes.mobile}px) {
@ -129,6 +131,17 @@ const STYLES_TITLE = css`
margin-right: 16px;
`;
const STYLES_PLACEHOLDER = css`
width: 100%;
height: 300px;
background-size: cover;
background-position: 50% 50%;
margin-bottom: 4px;
@media (max-width: ${Constants.sizes.mobile}px) {
height: 100%;
}
`;
export class SlatePreviewBlock extends React.Component {
_ref;
_test;
@ -297,9 +310,7 @@ export class SlatePreviewBlock extends React.Component {
) : null}
</div>
{this.props.slate.data.body ? (
<div css={STYLES_BODY}>
<ProcessedText text={this.props.slate.data.body} />
</div>
<div css={STYLES_BODY}>{this.props.slate.data.body}</div>
) : this.props.isOwner ? (
<div style={{ height: "44px" }} />
) : (
@ -331,11 +342,19 @@ export class SlatePreviewBlock extends React.Component {
title={first.title || first.name}
previewImage={first.previewImage}
/>
) : (
) : this.props.isOwner ? (
<div css={STYLES_CREATE_NEW} key="add-files">
<SVG.Plus height="24px" />
<div>Add Files</div>
</div>
) : (
<div
css={STYLES_PLACEHOLDER}
style={{
backgroundImage: `url(${placeholder})`,
...this.props.imageStyle,
}}
/>
)}
</div>
</span>
@ -356,11 +375,19 @@ export class SlatePreviewBlock extends React.Component {
title={first.title || first.name}
previewImage={first.previewImage}
/>
) : (
) : this.props.isOwner ? (
<div css={STYLES_CREATE_NEW} key="add-files">
<SVG.Plus height="24px" />
<div>Add Files</div>
</div>
) : (
<div
css={STYLES_PLACEHOLDER}
style={{
backgroundImage: `url(${placeholder})`,
...this.props.imageStyle,
}}
/>
)}
</div>
</span>