Minor cleanup and fixes

Signed-off-by: Sean Du <do4suki@gmail.com>

static/templates/admin/nav/css.html

@@ -36,14 +36,38 @@
         background-color: #e4007f;
     }
 
-    .layui-nav-tree .layui-nav-child dd.layui-this,
-    .layui-nav-tree .layui-nav-child dd.layui-this a,
     .layui-nav-tree .layui-this,
     .layui-nav-tree .layui-this>a,
     .layui-nav-tree .layui-this>a:hover {
         background-color: #ff6699 !important;
     }
 
+    .layui-nav-tree .layui-nav-child {
+        padding: 0 !important;
+        background-color: rgba(0, 0, 0, 0.18) !important;
+    }
+
+    .layui-nav-tree .layui-nav-child dd {
+        margin: 0;
+        padding: 0;
+        background: transparent !important;
+    }
+
+    .layui-nav-tree .layui-nav-child dd>a {
+        display: block;
+        height: 40px;
+        line-height: 40px;
+        padding: 0 20px 0 42px;
+        box-sizing: border-box;
+        background: transparent !important;
+    }
+
+    .layui-nav-tree .layui-nav-child dd>a.admin-subnav-active,
+    .layui-nav-tree .layui-nav-child dd>a.admin-subnav-active:hover {
+        background-color: #ff6699 !important;
+        color: #fff !important;
+    }
+
     .admin-mobile-mask {
         display: none;
     }

static/templates/admin/nav/side.html

@@ -5,14 +5,14 @@
             <li class="layui-nav-item {{ if eq .menu 2 }} layui-nav-itemed {{ end }}">
                 <a class="" href="javascript:;">用户设置</a>
                 <dl class="layui-nav-child">
-                    <dd {{ if eq .url "/admin/profile" }} class="layui-this" {{ end }}><a href="/admin/profile">个人资料</a></dd>
+                    <dd><a class="{{ if eq .url "/admin/profile" }}admin-subnav-active{{ end }}" href="/admin/profile">个人资料</a></dd>
                 </dl>
             </li>
             <li class="layui-nav-item {{ if eq .menu 1 }} layui-nav-itemed {{ end }}">
                 <a class="" href="javascript:;">卡片管理</a>
                 <dl class="layui-nav-child">
-                    <dd {{ if eq .url "/admin/card" }} class="layui-this" {{ end }}><a href="/admin/card">卡片一览</a></dd>
-                    <dd {{ if eq .url "/admin/upload" }} class="layui-this" {{ end }}><a href="/admin/upload">卡片导入</a>
+                    <dd><a class="{{ if eq .url "/admin/card" }}admin-subnav-active{{ end }}" href="/admin/card">卡片一览</a></dd>
+                    <dd><a class="{{ if eq .url "/admin/upload" }}admin-subnav-active{{ end }}" href="/admin/upload">卡片导入</a>
                     </dd>
                 </dl>
             </li>

static/templates/admin/upload.html

@@ -8,7 +8,7 @@
     <title>SIF 小助手</title>
     {{ template "admin/nav/css.html" . }}
     <style>
-        li {
+        .upload-help li {
             list-style-type: decimal !important;
             margin-left: 10px;
         }
@@ -36,7 +36,7 @@
                             <div class="layui-colla-item">
                                 <h2 class="layui-colla-title">使用帮助</h2>
                                 <div class="layui-colla-content">
-                                    <ol>
+                                    <ol class="upload-help">
                                         <li>从 <a href="https://card.niconi.co.ni/" target="_blank">LLSIF
                                                 查卡器</a> 查询需要导入的卡片 ID，卡片信息上的 No.xxx 数字。
                                         </li>