add sftpgo logo on login pages (#835)

Signed-off-by: Paul Laffitte <paul.laffitte@enix.fr>

static/css/sftpgo.css

@@ -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;
+}

templates/webadmin/baselogin.html

@@ -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>
@@ -115,4 +122,4 @@
 </body>
 
 </html>
-{{end}}
+{{end}}

templates/webclient/baselogin.html

@@ -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>
@@ -118,4 +125,4 @@
 </body>
 
 </html>
-{{end}}
+{{end}}