candidate submit form ui
This commit is contained in:
parent
e87700a213
commit
9b38c07fdd
@ -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: {{job_id}}</span>
|
<span class="ms-2 text-white">{% trans "JOB ID" %}: {{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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user