Update page UI fixes

This commit is contained in:
Alex Tselegidis 2020-12-02 21:58:32 +02:00
parent bc2f3f0796
commit 1571a01f1d
2 changed files with 62 additions and 41 deletions

View File

@ -12,48 +12,62 @@
<link rel="stylesheet" type="text/css" href="<?= asset_url('assets/css/general.css') ?>">
</head>
<body>
<div class="container-fluid header">
<div>
<a href="https://easyappointments.org" target="_blank">
<img src="<?= base_url('assets/img/installation-banner.png') ?>"
alt="Easy!Appointments Installation Banner">
</a>
</div>
<header>
<div class="container">
<h1 class="page-title">Easy!Appointments Update</h1>
</div>
</header>
<div class="container content">
<div class="container">
<div class="row">
<div class="col">
<?php if ($success): ?>
<h4>
The database was updated successfully!
</h4>
<div class="jumbotron">
<h1 class="display-4">Success!</h1>
<p class="lead">
The database got updated successfully.
</p>
<hr class="my-4">
<p>
You can now use the latest Easy!Appointments version.
</p>
<a href="<?= site_url('backend') ?>" class="btn btn-success btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>
</div>
<?php else: ?>
<h4>
There was an error during the update process ...
</h4>
<div class="jumbotron">
<h1 class="display-4">Failure!</h1>
<p class="lead">
There was an error during the update process.
</p>
<hr class="my-4">
<p>
Please restore your database backup.
</p>
<a href="<?= site_url('backend') ?>" class="btn btn-success btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>
<p>
Please restore your database backup.
</p>
</div>
<div class="well text-left">
Error Message: <?= $exception ?>
</div>
<?php endif; ?>
<div>
<a href="<?= site_url('backend') ?>" class="btn btn-outline-secondary btn-large">
<i class="fas fa-wrench mr-2"></i>
<?= lang('backend_section') ?>
</a>
</div>
</div>
</div>
<footer>
Powered by <a href="https://easyappointments.org">Easy!Appointments</a>
</footer>
<script src="<?= asset_url('assets/ext/fontawesome/js/all.min.js') ?>"></script>
</body>
</html>

View File

@ -3,8 +3,15 @@ html {
min-height: 100%;
}
.header {
header {
background: #DAFFEB;
margin-bottom: 25px;
}
header .page-title {
font-weight: lighter;
padding: 40px 0;
color: #429a82;
}
h3 {