瀏覽代碼

HUE-3924 [core] Refresh login page a little

Enrico Berti 9 年之前
父節點
當前提交
e7fedf2
共有 2 個文件被更改,包括 18 次插入6 次删除
  1. 14 2
      desktop/core/src/desktop/static/desktop/css/login.css
  2. 4 4
      desktop/core/src/desktop/templates/login.mako

+ 14 - 2
desktop/core/src/desktop/static/desktop/css/login.css

@@ -26,7 +26,7 @@
 }
 
 .login-box .logo {
-  background-color: #338BB8;
+  background-color: #FFF;
   width: 60px;
   height: 60px;
   text-align: center;
@@ -55,7 +55,7 @@
   margin: auto;
   margin-bottom: 50px;
   background: #fff;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+  border: 1px solid #ddd;
 }
 
 .login-box .input-prepend.error input, .login-box .input-prepend.error .add-on {
@@ -177,4 +177,16 @@
 .login-box .chosen-container-active.chosen-with-drop .chosen-single div b {
   background-position-x: -17px;
   background-position-y: 10px;
+}
+
+@media screen and (max-width: 800px) {
+  body {
+    padding-top: 20px!important;
+  }
+  .login-box {
+    width: 300px;
+  }
+  .login-box .logo {
+    display: none;
+  }
 }

+ 4 - 4
desktop/core/src/desktop/templates/login.mako

@@ -27,14 +27,14 @@ ${ commonheader(_("Welcome to Hue"), "login", user, "50px", True, True) | n,unic
 <link rel="stylesheet" href="${ static('desktop/ext/chosen/chosen.min.css') }">
 <style type="text/css">
   body {
-    background-color: #EEE;
+    background-color: #FAFAFA;
     padding-top: 150px;
   }
 </style>
 
 
-<div class="container">
-  <div class="row">
+<div class="container-fluid">
+  <div class="row-fluid">
     <div class="login-box">
       <form method="POST" action="${action}">
       ${ csrf_token(request) | n,unicode }
@@ -48,7 +48,7 @@ ${ commonheader(_("Welcome to Hue"), "login", user, "50px", True, True) | n,unic
         %endif
       </div>
 
-      <div class="logo"><img src="${ static('desktop/art/hue-login-white.png') }" width="50" height="50" /> </div>
+      <div class="logo"><img src="${ static('desktop/art/hue-login-logo-ellie@2x.png') }" width="50" height="50"></div>
 
       <div class="login-content">