From 7af164f3d73e0ffbe9806d5fe7a9df049e89bc43 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= Date: Wed, 11 Mar 2026 08:57:41 +0300 Subject: [PATCH] feat: Update career form custom input styles with revised dimensions, box-shadow, responsive width, and placeholder properties. --- resources/views/front/career/index.blade.php | 28 ++++++++++++++------ 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/resources/views/front/career/index.blade.php b/resources/views/front/career/index.blade.php index 82d63af..4af9cd3 100644 --- a/resources/views/front/career/index.blade.php +++ b/resources/views/front/career/index.blade.php @@ -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 {