mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 22:26:33 +02:00
Code Issues Releases Wiki Activity

Block supports justify

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-22 18:27:44 +07:00
parent 370ad06c88
commit 92555e70c3
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/placeholders/Block.jsx
View File

@@ -1,11 +1,10 @@
import React from 'react'; import React from 'react';
import random from '../helpers/random'; import random from '../helpers/random';
import Rectangle from './Rectangle';
const Block = ({ numberOfBlocks }) => { const Block = ({ justify = 'start', numberOfBlocks }) => {
return ( return (
<div className="flex flex-wrap w-100"> <div className={`flex flex-wrap w-100 justify-${justify}`}>
{ {
Array(numberOfBlocks).fill(0).map((_, i) => { Array(numberOfBlocks).fill(0).map((_, i) => {
const s = random(1, 5); const s = random(1, 5);