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

chore(SlateLayout): remove SlateLayout and SlateLayoutMobile

Browse Source
This commit is contained in:
Aminejv 2021-08-12 16:53:02 +01:00
parent 377115128f
commit 3ff94ca857
2 changed files with 0 additions and 1905 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1851
components/core/SlateLayout.js
View File

File diff suppressed because it is too large Load Diff

54
components/core/SlateLayoutMobile.js
View File

@ -1,54 +0,0 @@
import * as React from "react";
import * as Constants from "~/common/constants";
import SlateMediaObjectPreview from "~/components/core/SlateMediaObjectPreview";
import { css } from "@emotion/react";
const STYLES_LAYOUT = css`
display: flex;
flex-direction: column;
margin-top: 48px;
`;
const STYLES_IMAGE_CONTAINER = css`
margin-bottom: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
`;
export class SlateLayoutMobile extends React.Component {
render() {
return (
<div css={STYLES_LAYOUT}>
{this.props.items.map((item, i) => (
<div
key={item.id}
css={STYLES_IMAGE_CONTAINER}
style={{
width: `calc(100vw - 48px)`,
}}
onClick={() => this.props.onSelect(i)}
>
<SlateMediaObjectPreview
file={item}
iconOnly={this.props.fileNames}
charCap={70}
style={{
height: `calc(100vw - 48px)`,
width: `calc(100vw - 48px)`,
background: Constants.system.white,
}}
imageStyle={{
maxWidth: `calc(100vw - 48px)`,
maxHeight: `calc(100vw - 48px)`,
}}
/>
</div>
))}
</div>
);
}
}