candidate submit form ui

This commit is contained in:
Faheed 2025-11-23 15:03:56 +03:00
parent e87700a213
commit 9b38c07fdd

View File

@ -35,6 +35,9 @@
#1e3a47 100%
);
background-image: url("{% static 'image/vision.svg' %}");
@media (max-width: 768px) {
background-image: none;
}
background-repeat: no-repeat;
background-position: 60px;
background-size: 320px auto;
@ -58,11 +61,11 @@
.wizard-container {
width: 100%;
max-width: 800px; /* Increased max-width slightly for content */
max-width: 900px; /* Increased max-width slightly for content */
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
/* Allow height to be determined by content, constrained by max-height */
@ -473,7 +476,7 @@
class="navbar navbar-expand-lg sticky-top"
style="background-color: var(--kaauh-teal); z-index: 1030"
>
<span class="ms-2 text-white">JOB ID:&nbsp;&nbsp;{{job_id}}</span>
<span class="ms-2 text-white">{% trans "JOB ID" %}:&nbsp;&nbsp;{{job_id}}</span>
</nav>
<div class="page-content-wrapper">
@ -486,7 +489,7 @@
<div class="logo">
<i class="fas fa-file-alt"></i>
<span id="formTitle"
>{% translate "Application Form" %}</span
>{% trans "Application Form" %}</span
>
</div>
<div class="progress-text" id="progressText">1 of 1</div>
@ -501,7 +504,7 @@
style="display: none"
>
<h3 class="mb-4">
{% translate "Review Your Application" %}
{% trans "Review Your Application" %}
</h3>
<div id="previewContent"></div>
</div>
@ -513,11 +516,11 @@
class="nav-btn btn-back"
style="display: none"
>
<i class="fas fa-arrow-left"></i> {% translate "Back" %}
<i class="fas fa-arrow-left"></i> {% trans "Back" %}
</button>
<button id="nextBtn" class="nav-btn btn-next">
{% translate "Next" %}
{% trans "Next" %}
<i class="fas fa-arrow-right"></i>
</button>
@ -526,7 +529,7 @@
class="nav-btn btn-submit"
style="display: none"
>
{% translate "Submit Application" %}
{% trans "Submit Application" %}
<i class="fas fa-paper-plane"></i>
</button>
</div>