Compare commits

..

2 Commits

Author SHA1 Message Date
a4de6a01af Improve fatal error page 2022-04-03 18:55:41 +02:00
8436a02c10 Add login splash screen 2022-04-03 18:51:18 +02:00
4 changed files with 36 additions and 1 deletions

View File

@ -11,6 +11,20 @@ body {
/* background-color: #f5f5f5; */
}
/* background */
@media screen and (min-width: 767px) {
.bg-login {
background-image: url(/assets/img/forest.jpg);
width: 100%;
height: 100%;
position: fixed;
filter: blur(10px);
z-index: -10;
background-size: cover;
opacity: 0.4;
}
}
.form-signin {
width: 100%;
max-width: 330px;
@ -55,3 +69,7 @@ body {
background-color: var(--bs-gray-600);
color: var(--bs-gray-100);
}
.text-muted {
color: #c6c4c4 !important;
}

BIN
assets/img/forest.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

View File

@ -36,6 +36,9 @@
</head>
<body class="text-center">
<!-- Background filter -->
<div class="bg-login"></div>
<main class="form-signin">
<h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1>

View File

@ -5,8 +5,22 @@
<title>Access denied</title>
<link href="/assets/css/bootstrap.css" rel="stylesheet" crossorigin="anonymous"/>
<style>
div {
background: white;
color: black;
padding: 10px;
margin: auto;
margin-top: auto;
display: block;
max-width: 500px;
text-align: center;
margin-top: 50px;
}
</style>
</head>
<body>
<p>{{ message }}</p>
<div>{{ message }}</div>
</body>
</html>