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