diff --git a/src/components/OrderForm.tsx b/src/components/OrderForm.tsx index b33cad8..ab002f5 100644 --- a/src/components/OrderForm.tsx +++ b/src/components/OrderForm.tsx @@ -101,9 +101,7 @@ function Checkboxes({checkboxes, setCheckbox}) { }} /> -

- {/*до {checkbox.name == 'Демонтаж старой таблички' ? 2990 : 6990} ₽*/} -

+
{checkbox.name} ))} diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css index 28029d1..439aec2 100644 --- a/src/styles/Home.module.css +++ b/src/styles/Home.module.css @@ -138,12 +138,9 @@ } .form_wrapper { - /*padding: 1rem;*/ margin: 2rem; - /*display: inline-block;*/ background-color: #2a2b3c; border-radius: 8px; - /*min-width: 9rem;*/ } .front { diff --git a/src/styles/inputs.css b/src/styles/inputs.css index 455272d..7c9b899 100644 --- a/src/styles/inputs.css +++ b/src/styles/inputs.css @@ -56,13 +56,13 @@ padding: 0.2rem; } -.check__box__price:before { - content: ""; +.mark { + padding: 0.2rem; display: inline-block; - margin-inline-end: 24px; + /*margin-inline-end: 24px;*/ transform: rotate(45deg); - height: 1.5rem; - width: 0.75rem; + height: 2rem; + width: 1.25rem; border-bottom: 0.5rem solid #FFFFFF; border-right: 0.5rem solid #FFFFFF; transition: .15s ease; @@ -81,9 +81,7 @@ justify-content: center; align-items: center; height: 6rem; - /*width: 20rem;*/ - min-height: 66px; - min-width: 236px; + width: 15rem; border-radius: 56px; border: 0.9rem solid #2F2F2F; transition: .15s ease; @@ -93,7 +91,7 @@ border-color: #FEC72E; } -.check__input:checked + .check__box .check__box__price:before { +.check__input:checked + .check__box .mark { border-bottom-color: #FEC72E; border-right-color: #FEC72E; opacity: 1; @@ -109,8 +107,8 @@ border-color: #FFFFFF; } -.check__input:hover + .check__box .check__box__price:before, -.check__input:focus-visible + .check__box .check__box__price:before { +.check__input:hover + .check__box .mark, +.check__input:focus-visible + .check__box .mark { opacity: 1; }