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--> <!-- Custom styles for this template-->
<link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet"> <link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
<link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
<style> <style>
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
@ -84,13 +85,19 @@
<!-- Outer Row --> <!-- Outer Row -->
<div class="row justify-content-center"> <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 o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0"> <div class="card-body p-0">
<!-- Nested Row within Card Body --> <!-- 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="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="p-5">
{{template "content" .}} {{template "content" .}}
</div> </div>
@ -115,4 +122,4 @@
</body> </body>
</html> </html>
{{end}} {{end}}

View file

@ -16,6 +16,7 @@
<!-- Custom styles for this template--> <!-- Custom styles for this template-->
<link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet"> <link href="{{.StaticURL}}/css/sb-admin-2.min.css" rel="stylesheet">
<link href="{{.StaticURL}}/css/sftpgo.css" rel="stylesheet">
<style> <style>
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
@ -84,13 +85,19 @@
<!-- Outer Row --> <!-- Outer Row -->
<div class="row justify-content-center"> <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 o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0"> <div class="card-body p-0">
<!-- Nested Row within Card Body --> <!-- 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="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="p-5">
<div class="text-center"> <div class="text-center">
<h1 class="h4 text-gray-900 mb-4">SFTPGo WebClient - {{.Version}}</h1> <h1 class="h4 text-gray-900 mb-4">SFTPGo WebClient - {{.Version}}</h1>
@ -118,4 +125,4 @@
</body> </body>
</html> </html>
{{end}} {{end}}