increase opacity for disabled inputs

This commit is contained in:
smanylov
2026-03-20 14:13:13 +07:00
parent 261d1300e7
commit 38bfc94125
2 changed files with 10 additions and 6 deletions
+1 -1
View File
@@ -114,7 +114,7 @@
} }
&:disabled { &:disabled {
opacity: 0.6; opacity: 0.5;
} }
&.valid-card { &.valid-card {
@@ -36,8 +36,9 @@ export default function PersonalDataSettings() {
<input <input
type="text" type="text"
name="full_name" name="full_name"
className="form-input" className={`${styles['form-input']}`}
defaultValue={userData?.fullName} defaultValue={userData?.fullName}
disabled={true}
/> />
</div> </div>
{userData?.company && ( {userData?.company && (
@@ -48,19 +49,22 @@ export default function PersonalDataSettings() {
<input <input
type="text" type="text"
name="company" name="company"
className="form-input" className={`${styles['form-input']}`}
defaultValue={userData?.company} defaultValue={userData?.company}
disabled={true}
/> />
</div> </div>
)} )}
<div className="form-group"> <div className="form-group">
<label className="form-label"> <label
className="form-label"
>
{t('email')}: {t('email')}:
</label> </label>
<input <input
type="text" type="text"
name="email" name="email"
className="form-input" className={`${styles['form-input']}`}
defaultValue={userData?.email} defaultValue={userData?.email}
disabled={true} disabled={true}
/> />
@@ -83,10 +87,10 @@ export default function PersonalDataSettings() {
mask: "+7 (___) ___-__-__", mask: "+7 (___) ___-__-__",
replacement: { _: /\d/ } replacement: { _: /\d/ }
}))} }))}
disabled={true}
onChange={(e) => { onChange={(e) => {
}} }}
placeholder="+7 (999) 123-45-67" placeholder="+7 (999) 123-45-67"
disabled={true}
/> />
</div> </div>