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

Circle and Rectangle use pure styles

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-11-25 22:37:59 +07:00
parent 078161d57e
commit c52a089e49
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
client/placeholders/Circle.tsx
View File

@@ -7,8 +7,9 @@ interface CircleProps {
const Circle: React.FC<CircleProps> = ({ size = 16 }) => { const Circle: React.FC<CircleProps> = ({ size = 16 }) => {
return ( return (
<div <div
className="bg-black-30 br-pill"
style={{ style={{
backgroundColor: 'rgba(0, 0, 0, .3)',
borderRadius: '9999px',
height: `${size}px`, height: `${size}px`,
width: `${size}px`, width: `${size}px`,
}} }}

8
client/placeholders/Rectangle.tsx
View File

@@ -7,8 +7,12 @@ interface RectangleProps {
const Rectangle: React.FC<RectangleProps> = ({ height = 8 }) => { const Rectangle: React.FC<RectangleProps> = ({ height = 8 }) => {
return ( return (
<div <div
className="w-100 bg-black-30 br1" style={{
style={{ height: `${height}px` }} backgroundColor: 'rgba(0, 0, 0, .3)',
borderRadius: '2px',
height: `${height}px`,
width: '100%',
}}
/> />
); );
}; };