Fixed middle positioning of forgo_password.php frame

This commit is contained in:
Alex Tselegidis 2015-07-08 23:07:06 +02:00
parent 078dc4add6
commit e55168223e
1 changed files with 18 additions and 3 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('forgot_your_password') . ' - ' . $company_name; ?></title> <title><?php echo $this->lang->line('forgot_your_password') . ' - ' . $company_name; ?></title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<?php // INCLUDE JS FILES ?> <?php // INCLUDE JS FILES ?>
<script <script
@ -33,12 +36,16 @@
<style> <style>
body { body {
width: 100vw;
height: 100vh;
display: table-cell;
vertical-align: middle;
background-color: #CAEDF3; background-color: #CAEDF3;
} }
#forgot-password-frame { #forgot-password-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;
@ -47,6 +54,14 @@
.user-login { .user-login {
margin-left: 20px; margin-left: 20px;
} }
@media(max-width: 640px) {
#forgot-password-frame {
width: 100%;
padding: 15px;
}
}
</style> </style>
<script type="text/javascript"> <script type="text/javascript">