From b29caca4729ca5591383be3ebddad06b6e02c7fd Mon Sep 17 00:00:00 2001
From: Pig Fang <g-plane@hotmail.com>
Date: Sun, 12 Aug 2018 09:18:45 +0800
Subject: [PATCH] Extract style

---
 resources/assets/src/components/auth/Login.vue |  9 ---------
 resources/assets/src/index.js                  |  6 +-----
 resources/assets/src/js/layout.js              | 14 ++++++++++++++
 resources/assets/src/js/public-path.js         |  4 ++++
 resources/assets/src/stylus/auth.styl          |  6 ++----
 5 files changed, 21 insertions(+), 18 deletions(-)
 create mode 100644 resources/assets/src/js/public-path.js

diff --git a/resources/assets/src/components/auth/Login.vue b/resources/assets/src/components/auth/Login.vue
index a28d13e1..70d8a3ec 100644
--- a/resources/assets/src/components/auth/Login.vue
+++ b/resources/assets/src/components/auth/Login.vue
@@ -158,15 +158,6 @@ export default {
 </script>
 
 <style lang="stylus">
-.login-logo a {
-    font-family: Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
-    transition: all .2s ease-in-out;
-}
-
-.login-logo a:hover {
-    color: #42a5f5;
-}
-
 #login-button {
     margin-top: 5px;
 }
diff --git a/resources/assets/src/index.js b/resources/assets/src/index.js
index 5a2e9d00..3a3d87d4 100644
--- a/resources/assets/src/index.js
+++ b/resources/assets/src/index.js
@@ -1,4 +1,5 @@
 import Vue from 'vue';
+import './js/public-path';  // Must be first
 import routes from './components/route';
 import './js';
 
@@ -12,11 +13,6 @@ if (process.env.NODE_ENV === 'development') {
     setTimeout(langs.find(({ lang }) => lang === blessing.locale).load, 0);
 }
 
-// eslint-disable-next-line no-undef
-__webpack_public_path__ = process.env.NODE_ENV === 'development'
-    ? 'http://127.0.0.1:8080/public/'
-    : blessing.base_url + '/public/';
-
 const route = routes.find(route => route.path === blessing.route);
 if (route) {
     new Vue({
diff --git a/resources/assets/src/js/layout.js b/resources/assets/src/js/layout.js
index 8cf3e287..5f65ff2d 100644
--- a/resources/assets/src/js/layout.js
+++ b/resources/assets/src/js/layout.js
@@ -26,3 +26,17 @@ $(document).ready(() => {
 
     $('[data-toggle="tooltip"]').tooltip();
 });
+
+(() => {
+    const list = [
+        {
+            path: 'auth',
+            styl: () => import('../stylus/auth.styl')
+        },
+    ];
+
+    const style = list.find(({ path }) => blessing.route.startsWith(path));
+    if (style) {
+        style.styl();
+    }
+})();
diff --git a/resources/assets/src/js/public-path.js b/resources/assets/src/js/public-path.js
new file mode 100644
index 00000000..a8fe193c
--- /dev/null
+++ b/resources/assets/src/js/public-path.js
@@ -0,0 +1,4 @@
+// eslint-disable-next-line no-undef
+__webpack_public_path__ = process.env.NODE_ENV === 'development'
+    ? 'http://127.0.0.1:8080/public/'
+    : blessing.base_url + '/public/';
diff --git a/resources/assets/src/stylus/auth.styl b/resources/assets/src/stylus/auth.styl
index 1a70a9dd..fe0e9861 100644
--- a/resources/assets/src/stylus/auth.styl
+++ b/resources/assets/src/stylus/auth.styl
@@ -1,5 +1,3 @@
-@import "general.styl";
-
 .login-logo a, .register-logo a, .reset-logo a {
     font-family: Minecraft, Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
     transition: all .2s ease-in-out;
@@ -9,6 +7,6 @@
     color: #42a5f5;
 }
 
-#login-button {
-    margin-top: 5px;
+.captcha {
+    cursor: pointer;
 }