random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Placeholder Responsiveness and Added new Placeholders

Browse Source 
• Updated:
- Placeholder Responsiveness

• Added:
- new Placeholders
This commit is contained in:
mgabdev
2020-07-29 15:40:47 -05:00
parent 73234ac52b
commit 13127960c4
24 changed files with 256 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
app/javascript/gabsocial/components/placeholder/media_gallery_placeholder.js Normal file
View File

@@ -0,0 +1,28 @@
import PlaceholderLayout from './placeholder_layout'
export default class MediaGalleryPlaceholder extends PureComponent {
static propTypes = {
type: PropTypes.string,
}
render() {
const { type } = this.props
return (
<div className={[_s.default, _s.px5, _s.py5].join(' ')}>
<PlaceholderLayout viewBox='0 0 400 196'>
<rect x='0' y='0' rx='0' ry='0' width='96' height='96' />
<rect x='100' y='0' rx='0' ry='0' width='96' height='96' />
<rect x='300' y='0' rx='0' ry='0' width='96' height='96' />
<rect x='200' y='0' rx='0' ry='0' width='96' height='96' />
<rect x='-2' y='100' rx='0' ry='0' width='96' height='96' />
<rect x='100' y='100' rx='0' ry='0' width='96' height='96' />
<rect x='300' y='100' rx='0' ry='0' width='96' height='96' />
<rect x='200' y='100' rx='0' ry='0' width='96' height='96' />
</PlaceholderLayout>
</div>
)
}
}