Add login splash screen

This commit is contained in:
Pierre HUBERT 2022-04-03 18:51:18 +02:00
parent fef8ca84f4
commit 8436a02c10
3 changed files with 21 additions and 0 deletions

View File

@ -11,6 +11,20 @@ body {
/* background-color: #f5f5f5; */ /* 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 { .form-signin {
width: 100%; width: 100%;
max-width: 330px; max-width: 330px;
@ -55,3 +69,7 @@ body {
background-color: var(--bs-gray-600); background-color: var(--bs-gray-600);
color: var(--bs-gray-100); 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> </head>
<body class="text-center"> <body class="text-center">
<!-- Background filter -->
<div class="bg-login"></div>
<main class="form-signin"> <main class="form-signin">
<h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1> <h1 class="h3 mb-3 fw-normal">{{ page_title }}</h1>