ccc

static/css/layout-style.css

@@ -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

templates/includes/sidebar.html

@@ -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>`);
 

templates/layout/layout.html

@@ -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

templates/layout/welcome.html

@@ -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>

templates/user/login.html

@@ -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>
+</html>
\ No newline at end of file
+
+<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