Resposnify other frontend pages.

This commit is contained in:
Alex Tselegidis 2015-07-08 23:14:42 +02:00
parent e55168223e
commit ec35616a27
5 changed files with 60 additions and 35 deletions

View file

@ -1,8 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?php echo $this->lang->line('page_not_found') . ' - ' . $company_name; ?></title> <title><?php echo $this->lang->line('page_not_found') . ' - ' . $company_name; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<?php <?php
// ------------------------------------------------------------ // ------------------------------------------------------------
@ -53,12 +56,16 @@
// ------------------------------------------------------------ ?> // ------------------------------------------------------------ ?>
<style> <style>
body { body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#message-frame { #message-frame {
width: 630px; width: 630px;
margin: 150px auto 0 auto; margin: auto;
background: #FFF; background: #FFF;
border: 1px solid #DDDADA; border: 1px solid #DDDADA;
padding: 70px; padding: 70px;
@ -67,6 +74,18 @@
.btn { .btn {
margin-right: 10px; margin-right: 10px;
} }
@media(max-width: 640px) {
#message-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}
</style> </style>
</head> </head>
<body> <body>

View file

@ -58,8 +58,7 @@
@media(max-width: 640px) { @media(max-width: 640px) {
#forgot-password-frame { #forgot-password-frame {
width: 100%; width: 100%;
padding: 20px;
padding: 15px;
} }
} }
</style> </style>

View file

@ -37,28 +37,25 @@
<style> <style>
body { body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#login-frame { #login-frame {
width: 630px; width: 630px;
height: 80hv; margin: auto;
margin: 10vh auto 0 auto;
background: #FFF; background: #FFF;
border: 1px solid #DDDADA; border: 1px solid #DDDADA;
padding: 70px; padding: 70px;
} }
@media(max-width: 640px) { @media(max-width: 640px) {
body {
width: 100%;
}
#login-frame { #login-frame {
width: 100%; width: 100%;
margin-top: 5vh; padding: 20px;
height: 90vh;
padding: 25px;
} }
} }
</style> </style>
@ -107,7 +104,9 @@
window.location.href = GlobalVariables.destUrl; window.location.href = GlobalVariables.destUrl;
} else { } else {
$('.alert').text(EALang['login_failed']); $('.alert').text(EALang['login_failed']);
$('.alert').removeClass('hidden'); $('.alert')
.removeClass('hidden alert-danger alert-success')
.addClass('alert-danger');
} }
}, 'json'); }, 'json');
}); });

View file

@ -30,12 +30,16 @@
<style> <style>
body { body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#logout-frame { #logout-frame {
width: 630px; width: 630px;
margin: 150px auto 0 auto; margin: auto;
background: #FFF; background: #FFF;
border: 1px solid #DDDADA; border: 1px solid #DDDADA;
padding: 70px; padding: 70px;
@ -46,15 +50,9 @@
} }
@media(max-width: 640px) { @media(max-width: 640px) {
body {
width: 100%;
}
#logout-frame { #logout-frame {
width: 100%; width: 100%;
margin-top: 5vh; padding: 20px;
height: 90vh;
padding: 25px;
} }
.btn { .btn {

View file

@ -1,8 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#35A768">
<title><?php echo $this->lang->line('no_privileges') . ' - ' . $company_name; ?></title> <title><?php echo $this->lang->line('no_privileges') . ' - ' . $company_name; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<?php // INCLUDE JS FILES ?> <?php // INCLUDE JS FILES ?>
<script <script
@ -26,29 +29,36 @@
<style> <style>
body { body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#no-priv-frame { #no-priv-frame {
width: 630px; width: 630px;
margin: 150px auto 0 auto; margin: auto;
background: #FFF; background: #FFF;
border: 1px solid #DDDADA; border: 1px solid #DDDADA;
padding: 70px; padding: 70px;
} }
#login-icon {
float: right;
margin-top: 17px;
}
label {
font-weight: bold;
}
.btn { .btn {
margin-right: 10px; margin-right: 10px;
} }
@media(max-width: 640px) {
#no-priv-frame {
width: 100%;
padding: 20px;
}
.btn {
width: 100%;
margin-bottom: 20px;
}
}
</style> </style>
</head> </head>
<body> <body>