truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update career form custom input styles with revised dimensions, box-shadow, responsive width, and placeholder properties.

Browse Source
This commit is contained in:
Ümit Tunç
2026-03-11 08:57:41 +03:00
parent 8f7c5e2102
commit 7af164f3d7
1 changed files with 20 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/front/career/index.blade.php
+20 -8
View File
@@ -146,24 +146,36 @@
} }
.career-form .custom-input { .career-form .custom-input {
border: 1px solid #dfe5ef; border: 1px solid #e2e8f0;
padding: 1rem 1.2rem; padding: 0.85rem 1.15rem;
background-color: #f8fbff; background-color: #ffffff;
border-radius: 0.75rem; border-radius: 0.65rem;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.25s ease-in-out;
font-size: 0.95rem; 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 { .career-form .custom-input:focus {
border-color: var(--citrus-red); 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; background-color: #fff;
outline: none; outline: none;
} }
.career-form .custom-input::placeholder { .career-form .custom-input::placeholder {
color: #aeb6c2; color: #94a3b8;
font-style: italic; font-style: normal;
opacity: 0.7;
} }
.bg-soft-primary { .bg-soft-primary {