From 3b93e2d3b75b33a96c39123d5ba3141bcc43cb00 Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Sat, 3 Apr 2021 12:32:23 +0700
Subject: [PATCH] Support size

---
 client/placeholders/Square.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/placeholders/Square.tsx b/client/placeholders/Square.tsx
index 4dfc006..8af7d2d 100644
--- a/client/placeholders/Square.tsx
+++ b/client/placeholders/Square.tsx
@@ -7,20 +7,20 @@ import * as React from 'react';
 
 interface SquareProps {
     backgroundColor?: string;
-    size?: number;
+    size?: string;
 }
 
 const Square: React.FC<SquareProps> = ({
     backgroundColor = 'rgba(0, 0, 0, 0.3)',
-    size = 8,
+    size = '100%',
 }) => {
     return (
         <div
             style={{
                 backgroundColor,
-                borderRadius: '4px',
-                height: '100%',
-                width: '100%',
+                borderRadius: '0.25rem',
+                height: size,
+                width: size,
             }}
         />
     );