add sftpgo logo on login pages (#835)

Signed-off-by: Paul Laffitte <paul.laffitte@enix.fr>
This commit is contained in:
Paul Laffitte 2022-05-13 17:12:52 +02:00 committed by GitHub
parent 4995cf1b02
commit 4bea9ed760
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 30 additions and 6 deletions

10
static/css/sftpgo.css Normal file
View file

@ -0,0 +1,10 @@
.bg-login-image {
background-image: url(/static/img/logo.png);
background-size: contain;
background-repeat: no-repeat;
padding: 1em;
}
.row.login-image {
height: 200px;
}

BIN
static/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

View file

@ -16,6 +16,7 @@
<!-- Custom styles for this template-->
<link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
<link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
<style>
@font-face {
font-family: 'Roboto';
@ -84,13 +85,19 @@
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-7 col-md-9">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row d-lg-none login-image">
<div class="col-lg-12 d-block d-lg-none bg-login-image">
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="col-lg-6 d-none d-lg-block bg-login-image">
</div>
<div class="col-lg-6">
<div class="p-5">
{{template "content" .}}
</div>

View file

@ -16,6 +16,7 @@
<!-- Custom styles for this template-->
<link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
<link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
<style>
@font-face {
font-family: 'Roboto';
@ -84,13 +85,19 @@
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-7 col-md-9">
<div class="col-xl-10 col-lg-12 col-md-9">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">
<!-- Nested Row within Card Body -->
<div class="row d-lg-none login-image">
<div class="col-lg-12 d-block d-lg-none bg-login-image">
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="col-lg-6 d-none d-lg-block bg-login-image">
</div>
<div class="col-lg-6">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">SFTPGo WebClient - {{.Version}}</h1>