From 7cafb9d840aa8709ea7d59d39dc57b85912f7425 Mon Sep 17 00:00:00 2001
From: Artemy <artegoser@gmail.com>
Date: Mon, 17 Oct 2022 17:41:15 +0300
Subject: [PATCH] feat: shadow in checkbox

---
 src/components/checkbox.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/checkbox.jsx b/src/components/checkbox.jsx
index 33f6657..a35367d 100644
--- a/src/components/checkbox.jsx
+++ b/src/components/checkbox.jsx
@@ -2,7 +2,7 @@ function CheckBox(props) {
   return (
     <div className={`form-check m-5 ${props.className}`}>
       <input
-        className="form-check-input appearance-none h-3 w-5 checked:bg-blue-600 checked:border-blue-600 pr-3 border border-gray-300 rounded-lg mr-1"
+        className="form-check-input appearance-none h-3 w-6 checked:bg-blue-600 checked:border-blue-600 pr-3 border border-gray-300 rounded-lg mr-1 checked:shadow-lg checked:shadow-blue-600 transition ease-out"
         type="checkbox"
         id={props.id}
         defaultChecked={props.checked}