update css for additional login

n-festa · Nov 9, 2023 · 3a4e351 · 3a4e351
1 parent 200d0d4
commit 3a4e351
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 9 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1551,6 +1551,10 @@ a:hover{
     border: 1px solid var(--gray-300);
     padding: var(--padding-3xs) var(--padding-sm);
     border-radius: var(--br-5xs);
+    color: 
+}
+.phone_verification .input7 input:focus{
+    color: var(--base-black);
 }
 .content28 {
     flex: 1;
@@ -1870,7 +1874,7 @@ a:hover{
 
 
 .text681{
-        flex: 1;
+    flex: 1;
     position: relative;
     line-height: 24px;
 }

diff --git a/components/LoginSteps/Additional.tsx b/components/LoginSteps/Additional.tsx
@@ -74,14 +74,14 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
                                 <div className="input-with-label6">
                                     <div className="text73">
                                         Tên
-                                        <label className="text-red ms-2"> (*)</label>
+                                        <label className="text-red ms-1"> *</label>
                                     </div>
                                     <div className="input7 ">
                                         <input placeholder="Ví dụ: nguyen.vana" type="text"
-                                                className="text-input1 border-none no-outline no-padding w-100" name="name"
-                                                ref={register( { required: true ,
+                                            className="text-input1 border-none no-outline no-padding w-100" name="name"
+                                            ref={register( { required: true ,
                                                 })}
-                                            />
+                                        />
                                     </div>
                                 </div>
                                 {errors.name && errors.name.type === 'required' && 
@@ -93,7 +93,7 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
                                 <div className="input-with-label6">
                                     <div className="text73">
                                         Email
-                                        <label className="text-red ms-2"> (*)</label>
+                                        <label className="text-red ms-1"> *</label>
                                     </div>
                                     <div className="input7">
                                         <div className="content28">
@@ -119,6 +119,7 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
                                 <div className="input-with-label6">
                                     <div className="text73">
                                         Ngày sinh
+                                        <label className="text-red ms-1"> *</label>
                                     </div>
                                     <div className="input7">
                                         <div className="content28">
@@ -134,7 +135,10 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
 
                             </div>
                             <div className="gioi-tinh">
-                                <div className="text73">Giới tính</div>
+                                <div className="text73">
+                                    Giới tính
+                                    <label className="text-red ms-1"> *</label>
+                                </div>
                                 <div className="radio-check-parent">
                                     <div className="radio-check">
                                         <div className="input10">
@@ -160,12 +164,19 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
                             <div className="email-parent">
                                 <div className="email1">
                                     <div className="input-with-label6">
-                                        <div className="text73">Chiều cao ( cm )</div>
+                                        <div className="text73">
+                                            Chiều cao ( cm )
+                                            <label className="text-red ms-1"> *</label>
+                                        </div>
                                         <div className="input7">
                                             <input placeholder="Ví dụ: 163" type="text"
                                                 className="text-input1 border-none no-outline no-padding w-100 input7" name="chieuCao"
                                                 ref={register( { 
                                                     required: true ,
+                                                    valueAsNumber: true,
+                                                    pattern:{
+                                                       value: /^(0|[1-9]\d*)(\.\d+)?$/
+                                                    },
                                                 })}
                                             />
                                         </div>
@@ -174,7 +185,10 @@ const Additional = ({onChange,setHeight,setWeight,setKcal}: StepType) => {
                                 </div>
                                 <div className="email1">
                                     <div className="input-with-label6">
-                                        <div className="text73">Cân nặng ( kg )</div>
+                                        <div className="text73">
+                                            Cân nặng ( kg )
+                                            <label className="text-red ms-1"> *</label>
+                                        </div>
                                         <div className="input7">
                                             <input placeholder="Ví dụ: 60" type="text"
                                                 className="text-input1 border-none no-outline no-padding w-100 input7" name="canNang"