feat: Update career form custom input styles with revised dimensions, box-shadow, responsive width, and placeholder properties.
This commit is contained in:
@@ -146,24 +146,36 @@
|
||||
}
|
||||
|
||||
.career-form .custom-input {
|
||||
border: 1px solid #dfe5ef;
|
||||
padding: 1rem 1.2rem;
|
||||
background-color: #f8fbff;
|
||||
border-radius: 0.75rem;
|
||||
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
border: 1px solid #e2e8f0;
|
||||
padding: 0.85rem 1.15rem;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0.65rem;
|
||||
transition: all 0.25s ease-in-out;
|
||||
font-size: 0.95rem;
|
||||
width: auto;
|
||||
min-width: 300px;
|
||||
max-width: 100%;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
@media (max-width: 767.98px) {
|
||||
.career-form .custom-input {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.career-form .custom-input:focus {
|
||||
border-color: var(--citrus-red);
|
||||
box-shadow: 0 0 0 0.25rem var(--citrus-red-soft);
|
||||
box-shadow: 0 0 0 0.2rem rgba(227, 30, 36, 0.1);
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.career-form .custom-input::placeholder {
|
||||
color: #aeb6c2;
|
||||
font-style: italic;
|
||||
color: #94a3b8;
|
||||
font-style: normal;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.bg-soft-primary {
|
||||
|
||||
Reference in New Issue
Block a user