[style]: update login and other

GithubGaoYang · Feb 4, 2016 · f89ee60 · f89ee60
1 parent 4eb83d3
commit f89ee60
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 28 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eevee",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "伊布 - 内容为王,基于 GitHub 的博客管理平台",
   "keywords": [
     "jekyll",

diff --git a/src/components/Desktop/AddFile.jsx b/src/components/Desktop/AddFile.jsx
@@ -37,7 +37,7 @@ class CreateFileForm extends Component {
     return (
       <Modal ref="modal"
         visible={modalVisible}
-        title="Add"
+        title="Create a post"
         onOk={modalHandleOk}
         onCancel={modalHandleCancel}
         footer={[

diff --git a/src/components/Desktop/Aside.jsx b/src/components/Desktop/Aside.jsx
@@ -82,13 +82,13 @@ class Aside extends Component {
             </Col>
             <ul className="foot-user-actions">
               <li className="item">
-                <a onClick={this.logout.bind(this)} ><Icon type="poweroff" />Logout</a>
+                <a onClick={this.logout.bind(this)} ><Icon type="poweroff" />Disconnect</a>
               </li>
             </ul>
           </Row>
           }
           <Row className="foot-copyright">
-            <p>Write with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
+            <p>Build with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
           </Row>
         </div>
       </div>

diff --git a/src/components/Login/loginForm.jsx b/src/components/Login/loginForm.jsx
@@ -77,7 +77,7 @@ class loginForm extends Component {
         <Row>
           <Col span="24">
             <Button type="primary" size="large" htmlType="submit" onClick={this.onSubmit.bind(this)}>
-              Login <Icon type="github" />
+              Connect to GitHub <Icon type="github" />
             </Button>
           </Col>
         </Row>

diff --git a/src/components/Post/Editor.jsx b/src/components/Post/Editor.jsx
@@ -383,7 +383,7 @@ class Editor extends Component {
             }
           </div>
           <div className="leaf-editor-footer clearfix">
-            <p>Write with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
+            <p>Build with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
           </div>
         </div>
       </div>

diff --git a/src/containers/Login.jsx b/src/containers/Login.jsx
@@ -87,6 +87,11 @@ class Login extends Component {
               <div className="leaf-login-contain-head">
                 <div className={logoCls}></div>
               </div>
+              <div className="leaf-login-link">
+                <div className="dot"></div>
+                <div className="dot"></div>
+                <div className="dot"></div>
+              </div>
               <div className="leaf-login-contain-form">
                 <LoginForm
                   onSubmit={this.handleSubmit.bind(this)}
@@ -104,15 +109,16 @@ class Login extends Component {
                 </div>
               </div>
               <div className="leaf-login-contain-contain">
-                <p>Hi, 你还没创建 <code>{user.data.login}.github.io</code> 的项目, 请移步 <a href="https://pages.github.com/" target="_blank">GitHub Pages</a> 创建.</p>
+                <p>Hi, <strong>{user.data.name || user.data.login}</strong>,</p>
+                <p>You may have the repo <code>{user.data.login}.github.io</code> in your GitHub. Get the guide form <a href="https://pages.github.com/" target="_blank">GitHub Pages</a>.</p>
               </div>
               <div className="leaf-login-contain-foot">
-                <Button type="ghost" size="large" style={{ 'width': '100%' }} onClick={this.logout.bind(this)}>登 出 <Icon type="github" /></Button>
+                <Button type="ghost" size="large" style={{ 'width': '100%' }} onClick={this.logout.bind(this)}>Disconnect <Icon type="github" /></Button>
               </div>
             </div>
           }
           <div className="leaf-login-foot">
-            <p>Write with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
+            <p>Build with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
           </div>
         </div>
       </div>

diff --git a/src/styles/leaf.less b/src/styles/leaf.less
@@ -24,7 +24,24 @@
     position: relative;
     width: 100%;
     height: 100%;
-    padding: 80px 0 50px 0;
+    padding: 50px 0 50px 0;
+
+    &-link {
+      width: 100%;
+      height: auto;
+      padding: 24px 0;
+      margin: 0 auto;
+      text-align: center;
+
+      .dot {
+        width: 12px;
+        height: 12px;
+        margin: 0 auto 24px auto;
+        background: #f0f0f0;
+        border: 1px solid @border-color;
+        border-radius: 12px 12px;
+      }
+    }
 
     &-foot {
       padding: 60px 32px 32px 32px;
@@ -39,24 +56,23 @@
     }
     &-contain {
       margin: 0 auto;
-      width: 320px;
-      height: auto;
+      width: 420px;
+      height: 540px;
       border: 1px solid @border-color;
       background: #fff;
-      border-radius: 3px 3px;
-      box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 
       &-head {
-        padding: 48px 16px;
+        padding: 48px 16px 24px 16px;
         height: auto;
 
         .head-logo {
           margin: 0 auto;
           background-repeat: no-repeat;
           background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFODA2MDNDRkI2QTcxMUU1QTUxMTgzRkM3MTQxRDFCOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFODA2MDNEMEI2QTcxMUU1QTUxMTgzRkM3MTQxRDFCOCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU4MDYwM0NEQjZBNzExRTVBNTExODNGQzcxNDFEMUI4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU4MDYwM0NFQjZBNzExRTVBNTExODNGQzcxNDFEMUI4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+y70uDwAAGf5JREFUeNrsXQeYFNWWPtOTZ8hJgoBDUkCRKAiuIiKKz0UFn4oRUFQwgYKCbySqIOmBEkysmAgKysIuZowIsg6CSsYASBCJw+TEnr+mGovqe6uru6pvd0P/33cpvqnurnDOPffkG3fixAmK4cxFAv7ZndHstHqo66tVrMeHljya8GigD/ytBo8qPFJ5JPFI17+Sw6OYRy6PIzwO89jDYzuPbTx2YCw9fPxwGJ4lZL+dlZVVzgBRTuxqfOjCoyOPzjxa86ga4M9U0I/43tkW1wIDbOCxmsd3PL5mpjgS9RIgygju4UMnHtfw6MGjLY94RZcHs12uD6CU7yeLj5/yWA6mYIY4EWOA0BD+Yj705XGD1SxVDDDeRfp4EssG3+f7fJzPjLA6xgDOiY41ux+Pu3mcFwXvE3rGgxh871v4+F8YzAyHIvWG42AFRJoSyC+vBR8e4XGHrrBFM/IhEXj8mxlhY0wJtH7YVnwYg/+COZ3I5dqlZdSQR52yMqrJxxplJ6gyM3slPqbzMZE/k6ybwPg3Ny6OiviKOXzE///yeOigJ472x3voDx67eOBcEEjVJVh/fr6lfHyaGeGH2BJwKuFhrk3g0ScYwldgQrYqLqXmJaXUjEdGaSklBaCKxem/AU6oRuVfbE6lPp87wEyxLcFDWxPi6afEBNrJTBHAZaC89oYOw8+7hI8jmRF2nNFLAL8I2OSZPB7S7XLbaMCzunNRCbUrLqHGTHRPGO4/myXC2qQE+pbHBmaI0sC+XsRjDiQeM8LRcC0BYWMAfrBb+DCdx1l2v1OTxfnlhSV0WVEx1WMGiCRgefiOGWEVj/XMDAHc3T4ew5gJ5p8RDMAPBBPuJd2Ot4XzWbzfUFBEbXm2x1HkA/rDR8mJ9AmPYx7bd/whdAVmhL2nLQPww9yoE7+anXX5IhbxvZnw55aUUjSikKXCSpYIS1OT6E+PrUUKnsYHmAkWnlZWAD8ENOGZPAbYIfylLOL75Bdp63w0A1ZGz8Ji6sHjU5YG76Qm0yFriYCJsYDfFzycg5kRCqJeCeSHyeDDe1Tuo/cr6gfkFVCjKCe8VOtj2v93ShK9m5Ks/d8P1vP4J5UHokImATwhnvnd+fC9P+JXYdv8sZx8evp43mlLfACm6T9Zss06lkudeHnzA7wzBJy6hvKePCEkfj8+rPC33ndj8TiTX8h/+H8hpw1gzYxghh/OA8zvZ0n4WHckRQ8DMPFHU7kfPFH2mYq89DzBL+Dh3IJyJ8wZiC7M9M8z87cvtmR+vMNXefwrKhiAiT+Jyt250lUOHrvp/OAXn0GzXoZKzPz/Op5P9+QV+otpP81jCpG7lnCCi4THjT1P5dEwKf7BZt0A/w97RgEv7lp+L/BoTqqQSkfklsJjukR4JBIlwCQr4oPgD7K4HxgjPllJxinZuf4U4Yd1SRA5DMCzH8kQw2TnU1nMZbKY615YHKOyH1RnpfCZ7DzN62kBSILMiGAAJj401Gdk56HgjWfitymOrfd2gQljwyoax+O2sOoATPxufJgtO1+ZuXkM2/YZp7FtHwogoPRCeood1QGW1r6srKyVyiWAHsNfTJIwLsy8cTHiB0X8qawIet/aueeeS/Xr15d9HO9+cbt27RopZQAmfhof3iVJ+nUKE/8pFvsNY8QPCKuZ+NMMxG/WrBnNnj2bZs2aRWedJY2agwZLmAnSVEoAmHutZT/4ZE6+lpkTg318p89871tr2rSpRvwqVapQvXr16Pnnn6f09HTZ10GLmUoYQE/kkLom72VTD+lZMdjH94kJNJmJ71X7GjduTHPmzKGqVf8WsE2aNKHx48dTnDwvsT9LgZtDygBM/Lp8mCU7DyfP1TFTLyCsY+JPrPg38Rs1akQvvvjiKcT34rLLLqP777/f6ufmMBPUD6UEmEuS4A5Efv+8whhFA8APTPwJBuJnZGTQSy+9RNWqyeNnd999N3Xu3NlKH3gpJAzAsx9VOVfLbP3hOQXRX2ioEMgbnMBi3ysvGzZsqM18K+Jrth8vAWPHjqWaNWvKPtKTpUBfVxlAz96dJjs/iNd9hDhjsIcfE+OZ+Cknk0JAfMz8GjVq2Po+mGTUqFFW+sB0ZoIqbkqAMTxqi07AY9UlFtWzjY0J8fQMz/xCnXiw8THzLWa0EFgGrrvuOtnpWjxG2fkdvylhusNnEwli+whlzjqaqzl9IhV5/KI380v/JcFDez0e2hePih9U+dBJIsBvkY6iEJZitcpOUP3SMmpaUl5okubis23i+xjHa36Bft2zzz6bXn75ZSsb3xI5OTnUu3dvOnRIWHqI1aVlVlbWdqvfsLNsTyRJYsddrPRFIvFRxrUqKZE1bBA+3m+OPghSwDQ55Imn7SbxmMFM0LG4RJN0dRw4tsCE4w3Eh23vhPia7lWhAg0dOpQyM4VxIdAM1VY3Bi0BePa34QPq330Wm/P4xUzIzouYPH2QBhU6y1KSaFtCaALOsHSuY1MXiSyBmE8oJRvLxM/TiV+3bl165ZVXqHbt2o7vCfS75557aP369cLTPNqwFNgQrA6QKSI+/gCTLxKID5fTx8mJNLhKOk3htTVUxAfw23DYDOJr4Zp23F3bTcSvU6eOpvC5QXyvVQApIFEI8cfRQSmBPPvRY+cGoQLCMyASijWwpg6pnE6z01Nov0dddSCKPHDNoXztjRYMt4PPjTYQH0QH8SEB3MT5559Pl19+uZSUbBG0CEYHeEQ2+/vmh9fhA+1mXloyrWBxb0cDadCgAbVt25aaN2+uad0gQOXKlSk1tbz1QH5+Ph07doz27dtHu3fvpk2bNtEPP/xAO3fu9KtrZFZKo//kZeEOlohGRQm6xxgD8bHWg/hY+0OB++67jz7//HMSdH3DDQzhca9tHUDvzLGLBM0ZYPIhnTlcgBY/lWffDj+iHmHUnj17Uo8ePYJWtPbv30+ffPIJffDBB7R161bLzyKNC7UNKFr9je9xFDPGcRPxLcK6ruDRRx+lL7/8UnQKBGvAusBBuwzwhK79+2DasdywFW/AgTKxwt+zSrQeXnLJJdSvXz9q3bq1q9eGRHjzzTfpq6++IllvRXhEkfAK6ZSt32OtWrU04kMKhRo//fST9uwSPM4MMNkuA8Dub+6z1hSXatU74QASJf5tiJj5WCXnnUcjRoygCy64IOQveeLEibRlyxa/n4VnD6YePH2qcPvtt9PmzZuFligzQAu/SiATv6OI+MC1hUVhIf5aPVYuIn5ycjINHz5cm52hJj6Aa+Bajz32GCUlyXtaVKxYUZv5KokP3HLLLbJTzVkZ7GzHChAmGlYtO0EdwuDyhemFNV+06ODlghh4aI9CKwDXuvXWW+n111+XivaioiKZhy6k6N69O6WlSZODbrFkAL24o7fom+jKoTqffw8rU/CeFQrWfOZmmjdvnpY8ES4gZQv30KpVK59zhYWFmlIGq0IlUlJSNCaQoDe/N4+VBID4F9opXRUnekDWQOwfFxC/S5cu9MILL1ClSpXC7ouAOYlgjihGD1899BJIA5WA9SMBaNvJigF6ib5Vl7X+cxRr/m+wJv1rvEfo9Jg0aZK29kcKcC+TJ0/W7s0MKIvTp09Xej/t27e3mhz/sGIAoezoqLioA4GT5Sm+ChbsaLxMiLlIA+4JUkmk9L3zzju0bt06pTrKpZdeKjt9pZAB9K7bbUXfuEih8gcLey7PfrOlDY37ueeeE+bKRQow6yAJzAwKUxumY2mpOvc5/CESsBrQrppIAuAbPnoeulo0Uej3/yw5Uejle/jhhzXvXqQDSulDDz3k8/dffvmFli1bpuw+OnToILOM8McuIgboKPp0U+baREU3DTZbnOor+lu0aEE333wzRQtuuukmLe5gBsxGVVIA9QRIJZegk4gBOok+2VJhjv+apASfqB7cu48//rhSO9+NNfiJJ57wCdHCJPz000+V3YfIPLVigHaiT7ZQKP6XChQ/5MKr8PC5DdwzzFUz3n77bWX3ILJKdLQ5hQH0PXYqmz8F/j1PEQMgtLpdsPbDtx2t6N+/v8/fNm7cqOkDKoD4iARVWRHU/D3efICWok+h5XqKopy/b5MShQ/Qpk0b165RXFxMX3zxhTZ+/PFH+uuvvygxMVGL2OFaSKqAxMHf3AAiklBczaFkLAMqPJjnnHMOxcfHy/QO0HyPlwGaij5RX6HzBwEfM66++mrXfh/JEjNmzPBxzYIpfv/9d218+OGHmq8BFke3bt1cuS6ewcwA33zzjZbAEWqAkZF5LElsaWzUAYQRjXqKij0QO/9N4PVDModTlPEzoLJ22LBhtvzy+Ayii/hOmQvPL3oGeAdzc3OVvFuLJJRzjAwgjFmqqvZB1qx5oYFHzUnKtBczZ87UzK9Age/gu06BPEBzxBCMJcnidR0WyacNjQwgfNM1S9Ws/78IlD/k8DkF1tpgiG9kAjfMNkQuRVJABSwmUS0jA1QXOhMUKYC7BeLfQoO1rfBNmzbN8b1NnTpV+y0nEHkw/SWcugUL13l1vwxQsUwNAxwQNEZ0mkmDmfvnn386v7cDB7TEUCcQPYuqPAFkJklQw8gAwt4jqnr4HhZ4+VBA4QQw9dyC098SpYIj41gFUD4mQbqRAYTJPqpiAHmCJF+nyR5wuLgF1Ak4gajmX5UVYBE6TzAygJBNkhVJgHxB1o+3aCNYuJmPd/DgQUffFz2LKgawwCkSIOLg1BuXkBA5/UpKSiK3f4KXAXLCeROpAkmTl+es/iDQhgtWsNu5Q7rECZ7FInNXFfKMDCB0FhfEqan/TROsNEeOHHH0m+iz5xaQj+AE2dnZgShnrgLZyTJL2cgAwgVJVS5rDYHHce/evY5+s2vXrq7dn9PfEj2LU6liF8hMliDXyABCLSfHo0YCiDpvOHWUIDfeDVcyIoUWefa2sGvXLlumYSggkj5ePdnIAEKVOVfREiAKOjl1lUKJRGGGU/grAbMDUa0eQrUqYLGUnsIAQpfZIUUSIKPElwHcSKPGzL3zzjuD/j6+63T2A6gsdluvsAsLb+h+IwPsEn3iL0V5eC0Eu39jCXDDW4YM3WASSpHYKcruDYYA5uUMuYIW+XquwuId7jIywE4xA6iyAk5o3bjM+Pjjj53buczESCpFNZGdBg34DOoPkNTpRiKqKI6AmkJk7arAnj17LBnA6y0RJqn9Ea/OT9ShuNQnLIwMHSci3IgrrrhCq5ZBkAjZQViXEejxKnpI40ZKGES+WylhALqLmGFRteMqEMUUKaA6dhgZ4GfRJ3YrZIDORcW00FQTgFQqJE641e0DhEXhpEXxpKvAvYuU2SuvvFLJ9bH0WNQhbDy5BCw9fBxy4rD5E+ioeVyRJdBA785pxmuvvUbRCvQuMAPp4qpK2iWdQoBjWVlZfxh1AI1hzZ+Cg25zorquAL0KfF1Pq1at0tqyRBtwz6KGTbfddpuye7CIiGad1JEMf1wj5KIEdQzQWdCOFYWVUMrKoqgbOe4VSqe5mRScP25lG9tlQgm+s80AmxQyAK50g0AKQJShxDpasGjRImEOwYABA7Q8fRVA38Nt27bJTq8VMcAqIt9WPNDMC+PUNYW9orBY0wfMQJq2qooaJ8BLx72agRzHXr16KbuPtWvXyqQm/viVDwOwInjYuDZ4gUj2lgSPUilwX26BT4tSRLWQr2/h2w474HaFz8HcEgaOH9QlqCxw/fbbb2Wn1rECeFgkATS/hZCbEtUmV7Rka+AawVIAswbeuYKCgogjPu5pyJAhwmTPvn37ulriZkcHQUNLCU6hsZkB/keoMSQlkupdAfrlFWrbqZvx888/a7PMIs6tHJjxuCfcmxlICXfDpRwIeIbT0aNHZaeXWzEAtMM9vv6AOF4G1DaJgy9uGC8Foh07YBpi+zQoOuEGliQQGPdkBpI+nn32WcfRxEABD6oEe40WgA8DsB4ABWGJ6JtfJCcqf7kwCUfm5GttasxAdS/Kry003ZDjt99+0+7h+++/9zmHbFwog6rCvsalyKKO4X2WDmVWEgBYKPomevUWhWGHiFqlJyhVsgBBJ7jrrrto/vz5Sv0EuBbMUvQuQFWxGVD2MPMvvPBC5e8LsQ6LjOO3fO7V/AeWAqthepv/nsOa7DdJaqUAwtFPVUqlY7oZKtoVA+svyrfACCo8hljnEaCCc0qkjCLeAOKjz0A48O6778pObeXZv8YvA+gQOuBXKFwGoHdkMvEP6KYTvGh46bKCETheII6RBSRKwHAKBHag5aMdu8zHjjUfPQhUBXvMwAQQKaI65on+mGDBAGPJtGEE2rdhi5SWIW4bg0ykpyqmaVuzaLpAnTpaO1bs9IHOVyNHjhRu4ADXK/zvGNC+r7nmGo0YweYGIpkD6+mKFSv8bhiBAA96BKruDm7EG2+8ITuFDSNeFZ2Q7hp2fbWKL/NhoPnvbYtLaNTx0O0Ychgzn4m/Vw9Fo74dPfeNSZQQ+1CwFi5cKN28wQgoYggpIw0LCR/4LRRNerdjx5oJbR7Zu4ifI4SLlDQ7ialYlm688UZNOoSzgym8pMh8kryPV1n8DwyUAZC0Bnnis/BOzs4Thm4de9J04u/RiY+Zi+3VZBm0EMsIuvibnaECdvpGM2hR/b9qQCpKMqjAERcyA/wUEAPoTPAeCXYOa1VcSuNc3jnkqE78PwzEt7PPDjTy5cuX09y5c63Sn1wF+u5A6cTWraqCO1ZA2Bf3I5n97zHx+0glmB8GQObiepEUGMPLQGuXmkijRxB239qlEz+YfXaQ+QITCCahhSLkCC1bttTi+dArIqlxJTaOlCi+4Ij2zADrgmIAnQkW88GHg9BBbPqxXMebSID4TzHxd+rER02f061WsI5DHK5cuZK2b98etI8ARIYyicbLIHo4N6eQ4aOPPqInn3xSdnoJEz/4rWN1BkCRHVJLfGxA7B56XUHwBWTHdeL/rhO/evXqmsLnpvcMpVHQFSAV4LmDooeoHRQ/DEgOKG8wL1GuBUsDaztmOwI4XkUxEoFn69Onj6x8HbV/LZgBdjhiAJ0J0GxnqPnvqOqdcSyPagUxw+BYwt563k0h0EQBxM/IyKAY7GHChAm0ePFi2ekZTPwhfqWczWuN43HAx7hkIs5MTwk4Uoh9/7Clqpf4aGQEsR8jvn2sXr2alixZIjuNapAxtpY5Ox9aevj4UZEEALCZ44cBeAi9xPfWAHiJD7Ebg029KTubxo0bZ+UDeZRn/1HXGEBngvl8+EDoNkxLObmO+yM+dtLebiD+nDlzIlK5ilSA6JmZmSeLWkR6IRN/gW1FN8Dro8GtT7kpooTYut2qoQSWi3FM/K068bHb1uzZs11t5HAmAHUSotwDry+Nx90BWTqBfJilAPKdBonOwYEzXaIPFOjE9yaVQOPGzEeNXAz2gRgH3psFHuDZvydkDKAzwSI+CPuvYsePRamnbueGjGJs/rjZRPxo2P8nkrBjxw4aNWqUlU/jtUBEf9AMoGMwjw2iE4tSk+hLPW8AxH+al4aNOvERLp01a5bjNrBnGhCVRAt7i3YvP/J4MJjftuUHkPgGoLn9H3Q5EVcNzcnXdgBbr2cUg/hY8+FgicE+4LRCnoNFa1kkRrb35/BxnQF0JuimWwaWWY/emW+xh00MAiCzd9CgQVZ5j3DD9mTirwz2Go4iGqwP4MIDiOS+ILhSEbuPET8woNPpwIED/SW9PuSE+ECCPpOd/Aa2wYItN1p0EpsqR+OuX+EEwtpINfeTkJLJxH/Z6bXcimmO4TFVdAIpVUhWUL2DdrQCsX2s+X6IP5WJ/4wb13MzqD2cxwuiE4jTY5Mk7NIVgxze9+Sn0fUs/V1TpDEA9IBHeAi36UAhB/LoN2zYEKO0CbDtsT8R0svy8y3zLafo675rlXqaFRCCnLZMHuNFJ5BChbIupFdH03awocK+ffs0B4+NvohjmPBj3b5+qBgAuIfHbJLsO4Frjh49WlnL1EgEOohhW3kLBw+AxI77mPghaZYUSgYAruCBUhXhzkXYSOGBBx7Q0pnPJGkAzx6SOb7++mt/H0Vw52Ym/iehupeQvnW+8c/4cBFJ3MZY76ZMmUJ33HFHVDaCChTo2/fWW29pdQQ2iI931j6UxA+5BECdui7u03TttZ/0RuLi6KqrrqLBgwefdssC3jGaU8IhZnO3sHlUHtnLC/W9KWEAw7rfV2cE6WZ2KK5Evj2URKc7h0UC4RHCRa6jzeIViPz7+b0p64illAF0JsD0Rp2a5c7QsBaw7y5Mx2iLHsLphXrCBQsWaGFcuzqhruztVnmvyhnAwAi36XZtbX+/gzgC1k30+42AvXakQK+AZcuWaSOALW+Q2zUkmFh+VDOAzgRVdH/BveQnoui1GlB3jyKNTp06hbUY0wvUGcCD99lnnwVakQTfODynT9tN4DztGMDACE348ByV1yHa6kMC4nfo0EEb6MSBZULFVnHYAQxeTaRlr1mzJhARf1I14IGayxHBxvBPOwYwMAJ6qT3F43q7jOBFcnKyVv6NXceRa4i6QlQYOWnQBDH+66+/ahVFKDED4UHwIEvNQPilPMbxe1lPEYKIYgADIyB5AFUtt5KpSUVAD8emJcrNUGmMDRqwhCA5BcyC/0NieDd1hDcO+fZIwkCpFUS7S/0I8SNoG45KnY0UYYhIBjAwAvZWQ8JJfx7Rlki4Rbfn5/J7OBipNxnRDGBihov5cLu+PNSN0PeJHvzv81jAz746Grg0ahjAwAhwX3fkcS0P7L3SASpAmN4flAE8JNy1/8tjjbkPX6QjgaIM+gterQ8wBHQExBvQl+0SnSFCtSMTjPv1+rXRcXMV388himIkUJSDCYAMii/1YdQdmuijqX6EB7KaPuBNSjEomPm6soYBmxxrNtqq7tQHzLWNgVbdRM0SEMOZi/8XYAD4gpeMlvIFVgAAAABJRU5ErkJggg==);
-          width: 48px;
-          height: 48px;
-          background-size: 48px 48px;
+          width: 64px;
+          height: 64px;
+          background-size: 64px 64px;
         }
 
         .head-logo-loading {
@@ -73,13 +89,15 @@
         }
       }
 
+
+
       .head-user {
         .avatar {
           display: block;
-          width: 48px;
-          height: 48px;
+          width: 64px;
+          height: 64px;
           margin: 0 auto;
-          border-radius: 48px 48px;
+          border-radius: 64px 64px;
         }
         .name {
           font-size: 14px;
@@ -89,20 +107,43 @@
       }
 
       &-contain {
+        width: 280px;
+        margin: 24px auto;
         border-top: 1px solid @border-color;
-        border-bottom: 1px solid @border-color;
-        padding: 24px 24px;
+        padding: 24px 0px;
+
+        p {
+          margin-bottom: 1.2em;
+        }
+
+        code {
+          padding: 1px 4px;
+          background: #f0f0f0;
+          border-radius: 3px 3px;
+          border: 1px solid @border-color;
+        }
+
+        a:hover {
+          text-decoration: underline;
+        }
+
+        .text-right {
+          text-align: right;
+        }
       }
 
       &-foot {
-        padding: 24px 24px;
+        width: 280px;
+        margin: 0 auto;
 
         p {
           padding: 0 0 8px 0;
         }
       }
 
       &-form {
+        margin: 0 auto;
+        width: 320px;
         padding: 8px 24px 48px 24px;
 
         .ant-btn {
@@ -218,7 +259,6 @@
               cursor: pointer;
 
               .icon {
-                position: relative;
                 font-size: 16px;
               }
 
@@ -458,7 +498,6 @@
           color: #666;
           border: 1px solid transparent;
           transition: all .3s ease-in-out;
-          border-radius: 3px 3px;
 
           &-card {
             width: 100%;
@@ -489,7 +528,8 @@
           &:hover {
             background: #fff;
             border: 1px solid darken(@border-color, 3%);
-            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
+            box-shadow: 0 2px 15px rgba(0,0,0,0.1);
+            transform: translate(0, -4px);
           }
         }
 
@@ -588,7 +628,6 @@
           padding: 16px 0 0 0;
           background: #fff;
           border: 1px solid @border-color;
-          border-radius: 3px 3px;
           box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
           opacity: 0;
           visibility: hidden;
-Original file line number
+Diff line change
@@ Expand Up / @@ -383,7 +383,7 @@ class Editor extends Component { @@
                 }
               </div>
               <div className="leaf-editor-footer clearfix">
-                <p>Write with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
+                <p>Build with <span className="love">Love</span> in <a href="https://github.com/pizn/eevee" target="_blank">Eevee</a>.</p>
               </div>
             </div>
           </div>
@@ Expand Down @@