Commit 48cf2759 authored by Muhamad's avatar Muhamad

ccc

parent e7c2bd79
......@@ -808,14 +808,14 @@ li.active>a:after {
color: black!important;
}
.modal-login{
.modal-login {
top: 80%;
background-color: white;
z-index:999;
border-radius:8px
z-index: 999;
border-radius: 8px
}
#btn-signin{
#btn-signin {
border-radius: 5px;
background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
margin-right: 8px;
......@@ -830,19 +830,19 @@ li.active>a:after {
display: flex;
}
.img-centered{
.img-centered {
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.vertical-centered{
.vertical-centered {
top: 50%;
transform: translateY(-50%);
}
.img-features{
.img-features {
position: absolute;
background: url(/static/img/icon-1/bg4.svg);
width: 742px;
......@@ -851,7 +851,6 @@ li.active>a:after {
right: 0;
margin-right: 24px;
}
input#change_stat {
display: block!important;
......@@ -917,26 +916,22 @@ body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
#map>div.col-md-6.col-md-offset-3.input-group.content-group.foot>div>div.col-md-2>button {
right: 0px!important;
}
.modal-login{
.modal-login {
background-color: white;
z-index:999;
border-radius:8px;
z-index: 999;
border-radius: 8px;
}
#btn-signin{
#btn-signin {
border-radius: 5px;
background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
color: white;
padding-right: 16px;
}
#searchbar{
#searchbar {
margin-left: 16px;
margin-right: 16px;
}
.centered{
.centered {
top: 50% !important;
transform: translateY(-50%) !important;
margin-left: auto !important;
......@@ -1073,4 +1068,17 @@ body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
#modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(2)>div>div {
margin-left: 5px
}
}
@media (min-width: 1025px) {
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered {
top: 75%;
}
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-1 {
padding: 20px;
margin-left: 10px;
}
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-2 {
margin-right: 10px;
}
}
\ No newline at end of file
......@@ -914,7 +914,7 @@ background: none;border-color: transparent;">
$(".panjang_jalan_detail ").html("Null")
$(".lebar_jalan_detail ").html("Null")
$(".proposal_detail ").html(`
<a href="media/proposal/null" id="downloadproposal ">
<a href="media/proposal/null" id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 80px;width: 80px; ">
</a>`);
......
......@@ -185,8 +185,8 @@
{% if user.is_authenticated %} {% else %}
<div class="col-md-6 col-md-offset-3 modal-login input-group content-group foot centered">
<div class="row row-full-height">
<div class="col-md-6 col-md-offset-3 modal-login input-group content-group foot centered" style="z-index: 999;">
<div class="row row-full-height" style="width: 100%;margin-left: 10px;">
<div class="col-md-1">
<img src="/static/img/logo-ok.png" alt="" class="img-centered" style="max-height: 28px;max-width: 21.999998092651367px;/* left: 27px; *//* top: 14px; */border-radius: 0px;">
</div>
......@@ -2624,4 +2624,13 @@
<script>
$(".tombol-edit").html('ilang')
</script>
<style>
@media (max-width: 720px) {
#map>div.row>div.col-sm-4.input-group.content-group.head {
width: 80%;
margin-top: -15px;
margin-left: 10%;
}
}
</style>
{% endif %}
\ No newline at end of file
......@@ -53,6 +53,12 @@
font-family: 'gilroyultralight';
src: url('/static/css/Gilroy-UltraLight.woff') format('woff');
}
@media (max-width: 720px) {
body>div>div:nth-child(1) {
display: none;
}
}
</style>
<body>
......
......@@ -58,25 +58,25 @@
</div>
<form method="POST">
{% csrf_token %}
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required>
<div class="form-control-feedback">
</div>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required style="padding-left:5px">
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required>
<div class="form-control-feedback">
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required style="padding-left:5px">
<input type="checkbox" onclick="changecur1()" id="passcur1" style="position: absolute;top: 31px;right: 10px;width: 20px;height: 20px;opacity: 0;z-index:1;cursor: pointer;">
<div id="matachange1" style="position: absolute;top: 35px;right: 10px;color:black">
<i class="icon-eye-blocked"></i>
</div>
</div>
</div>
<div class="form-group" style="margin-top: 50px;">
<button type="submit" class="btn btn-block" style="background-color: #4C97DC;">Log in</button>
</div> {% if messages %}
......@@ -88,18 +88,34 @@
{% endif %}
</form>
</div>
</div>
<div class="col-md-8 d-none d-md-block">
</div>
</div>
</div>
</div>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
</body>
</html>
\ No newline at end of file
</html>
<script>
function changecur1() {
var checkBox = document.getElementById("passcur1");
var typ = document.getElementById("password");
if (checkBox.checked == true) {
$("#matachange1").html(`<i class="icon-eye"></i>`)
typ.type = 'text';
} else {
$("#matachange1").html(`<i class="icon-eye-blocked"></i>`)
typ.type = 'password';
}
}
</script>
\ 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