From 282a8a386e0fb33aa0df631ca0f183f48bdaac9f Mon Sep 17 00:00:00 2001 From: Daniel Date: Fri, 27 May 2022 17:46:38 +0430 Subject: [PATCH] Small UI improvement --- src/styles/List.css | 3 ++- src/styles/Modal.css | 5 +++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/styles/List.css b/src/styles/List.css index e04edf6..e614537 100644 --- a/src/styles/List.css +++ b/src/styles/List.css @@ -10,7 +10,8 @@ -webkit-user-select: none; user-select: none; position: absolute; - filter: blur(3px); + filter: blur(5px); + opacity: 60%; margin: 20px; width: 100px; height: 100px; diff --git a/src/styles/Modal.css b/src/styles/Modal.css index ab8cf81..06682a0 100644 --- a/src/styles/Modal.css +++ b/src/styles/Modal.css @@ -8,6 +8,7 @@ } .box { + border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; position: absolute; top: 20%; @@ -29,6 +30,7 @@ } .modal-input { + border-radius: 10px; font-size: 1.3rem; padding: 10px; border: none; @@ -43,6 +45,7 @@ } .upload-btn { + border-radius: 10px; font-family: 'Font Awesome 5 Free'; font-size: 2rem; padding: 10px; @@ -63,6 +66,7 @@ } .cancel-btn { + border-radius: 10px; padding: 5px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; @@ -74,6 +78,7 @@ margin-left: auto; margin-right: auto; transition: background-color 0.1s; + font-weight: 900; } .cancel-btn:hover {