убрал цену из чекбоксов

ekaterinburgdev · Feb 9, 2022 · b3472c5 · b3472c5 · ekbdev · Feb 9, 2022
1 parent 630c0a6
commit b3472c5
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 17 deletions.
diff --git a/src/components/OrderForm.tsx b/src/components/OrderForm.tsx
@@ -101,9 +101,7 @@ function Checkboxes({checkboxes, setCheckbox}) {
                         }}
                     />
                     <span className={`check__box`}>
-                        <p className={`check__box__price`}>
-                           {/*до {checkbox.name == 'Демонтаж старой таблички' ? 2990 : 6990} ₽*/}
-                        </p>
+                        <span className={'mark'}></span>
                     </span>{checkbox.name}
                 </label>
             ))}

diff --git 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
@@ -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;
 }