Skip to content

C
Cigna_KYC_Document_Upload
Commit 4c5a553f by Satyendra Singh
Options

design change

parent 0f9d6196
Showing with 49 additions and 23 deletions
css/kyc-uploads.css
......@@ -3,6 +3,8 @@
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom: 20px;
max-width: 768px;
margin: 0px auto 20px;
}
.main_uploads_container .title {
......@@ -69,7 +71,8 @@
}
.main_uploads_container .btn-primary {
background-color: #04c55b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #018bed), to(#0063aa));
background: linear-gradient(to bottom, #018bed 0, #0063aa 100%);
color: #fff;
border: solid 1px #999797;
outline: none;
......@@ -77,7 +80,8 @@
}
.main_uploads_container .btn-primary:focus {
background-color: #04c55b !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #018bed), to(#0063aa));
background: linear-gradient(to bottom, #018bed 0, #0063aa 100%);
outline: none;
border: none;
}
......@@ -88,6 +92,8 @@
.main_uploads_container .btn-danger {
height: 42px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#f26221), to(#f5851f)) !important;
background-image: linear-gradient(to top, #f26221, #f5851f) !important;
}
.main_uploads_container .c_text {
......@@ -130,7 +136,7 @@
max-width: 250px;
width: 100%;
height: 50px;
margin-top: 50px;
margin-top: 40px;
margin-bottom: 30px;
border: none;
}
......@@ -204,4 +210,16 @@
.main_uploads_container .error.state-visible {
display: block;
}
@media (max-width: 768px) {
.main_uploads_container .file-select-name {
display: none;
}
.main_uploads_container .main_content p {
margin-bottom: 8px;
}
.main_uploads_container .u_l_b {
margin-top: 30px;
}
}
/*# sourceMappingURL=kyc-uploads.css.map */
\ No newline at end of file
css/kyc-uploads.css.map
{
"version": 3,
"mappings": "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",
"mappings": "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",
"sources": [
"../scss/kyc-uploads.scss"
],
......
index.html
......@@ -389,11 +389,11 @@
<form method="post" enctype="multipart/form-data">
<div class="f_c">
<div class="row m-b">
<div class="col-lg-3 col-sm-4 col-xs-12">
<div class="col-lg-4 col-sm-4 col-xs-12">
<label>User Photo </label>
<p>Upload valid passport size photo</p>
</div>
<div class="col-lg-7 col-sm-8 col-xs-12">
<div class="col-lg-8 col-sm-8 col-xs-12">
<div class="upload-card" id="upload-card0">
<div class="file-upload">
<div class="file-select">
......@@ -411,11 +411,11 @@
</div>
</div>
<div class="row m-b">
<div class="col-lg-3 col-sm-4 col-xs-12">
<div class="col-lg-4 col-sm-4 col-xs-12">
<label>Identity Proof </label>
<p>Upload valid Idendity proof </p>
</div>
<div class="col-lg-7 col-sm-8 col-xs-12">
<div class="col-lg-8 col-sm-8 col-xs-12">
<select id="state" class="dropdown" name="user_state">
<option value="" disabled="disabled" selected="selected">Choose ID Type</option>
<option>PAN Card</option>
......@@ -426,8 +426,8 @@
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-4 col-xs-12"></div>
<div class="col-lg-7 col-sm-8 col-xs-12">
<div class="col-lg-4 col-sm-4 col-xs-12"></div>
<div class="col-lg-8 col-sm-8 col-xs-12">
<div class="upload-card" id="upload-card1">
<div class="file-upload" id="file1">
<div class="file-select">
......@@ -448,20 +448,20 @@
</div>
</div>
</div>
<div class="row">
<!-- <div class="row">
<div class="col-md-10">
<div class="c_text">
<input type="checkbox" id="html">
<p>Identity proof document type vaild for Address Proof Verification as well. </p>
</div>
</div>
</div>
</div> -->
<div class="row m-b">
<div class="col-lg-3 col-sm-4 col-xs-12">
<div class="col-lg-4 col-sm-4 col-xs-12">
<label>Address Proof </label>
<p>Upload Valid Address proof with the document having validation for customer Address </p>
</div>
<div class="col-lg-7 col-sm-8 col-xs-12">
<div class="col-lg-8 col-sm-8 col-xs-12">
<select id="state" class="dropdown" name="user_state">
<option value="" disabled="disabled" selected="selected">Choose Document Type</option>
<option>Passport</option>
......@@ -477,8 +477,8 @@
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-4 col-xs-12"></div>
<div class="col-lg-7 col-sm-8 col-xs-12">
<div class="col-lg-4 col-sm-4 col-xs-12"></div>
<div class="col-lg-8 col-sm-8 col-xs-12">
<div class="upload-card" id="upload-card2">
<div class="file-upload">
<div class="file-select">
......@@ -495,7 +495,8 @@
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-lg-4 col-sm-4 col-xs-12"></div>
<div class="col-lg-8 col-sm-8 col-xs-12">
<div class="btn_strip">
<input type="submit" value="Confirm Uploads" class="u_l_b">
</div>
......
scss/kyc-uploads.scss
......@@ -3,6 +3,8 @@
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-bottom: 20px;
max-width: 768px;
margin:0px auto 20px;
.title {
font-size: 22px;
text-align: center;
......@@ -56,16 +58,16 @@
margin-bottom: 15px;
}
.btn-primary {
background-color: rgb(4, 197, 91);
background: linear-gradient(to bottom, rgba(1, 139, 237, 1) 0, rgba(0, 99, 170, 1) 100%);
color: #fff;
border: solid 1px rgb(153, 151, 151);
outline: none;
height: 42px;
}
.btn-primary:focus{background-color: #04c55b !important; outline: none; border: none;}
.btn-primary:focus{background: linear-gradient(to bottom, rgba(1, 139, 237, 1) 0, rgba(0, 99, 170, 1) 100%); outline: none; border: none;}
.btn-secondary{height: 42px;}
.btn-danger{height: 42px;}
.btn-danger{height: 42px;background-image: linear-gradient(to top,#f26221,#f5851f) !important;}
.c_text {
......@@ -96,7 +98,7 @@
max-width: 250px;
width: 100%;
height: 50px;
margin-top: 50px;
margin-top: 40px;
margin-bottom: 30px;
border: none;
}
......@@ -161,4 +163,8 @@
}
}
\ No newline at end of file
@media(max-width:768px){
.main_uploads_container .file-select-name{display: none;}
.main_uploads_container .main_content p{margin-bottom: 8px;}
.main_uploads_container .u_l_b{margin-top: 30px;}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment