From fb104e40214aee477e9f30dce7afa798463c00ce Mon Sep 17 00:00:00 2001 From: Abhinav-grd Date: Thu, 11 Mar 2021 19:35:22 +0530 Subject: [PATCH] style changes --- src/components/FullScreenDropZone.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/components/FullScreenDropZone.tsx b/src/components/FullScreenDropZone.tsx index fc8bd1ba7..54be56b82 100644 --- a/src/components/FullScreenDropZone.tsx +++ b/src/components/FullScreenDropZone.tsx @@ -17,8 +17,8 @@ const DropDiv = styled.div` `; const Overlay = styled.div<{ isDragActive: boolean }>` - border-width: 4px; - border-radius: 34px; + border-width: 8px; + outline: none; transition: border 0.24s ease-in-out; height: 100%; @@ -27,11 +27,13 @@ const Overlay = styled.div<{ isDragActive: boolean }>` justify-content: center; align-items: center; color: #fff; + font-size: 24px; + font-weight: 900; text-align: center; position: absolute; border-color: ${(props) => getColor(props)}; border-style: solid; - background: rgba(0, 0, 0, 0.5); + background: rgba(0, 0, 0, 0.9); z-index: 9; `;