From d51bebb919f60c8680c499c93b0363a64dbfd2f1 Mon Sep 17 00:00:00 2001
From: zmister <zmister@qq.com>
Date: Fri, 23 Jul 2021 15:25:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96403=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGES.md        |  1 +
 template/403.html | 63 +++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 57 insertions(+), 7 deletions(-)
diff --git a/CHANGES.md b/CHANGES.md
index ba2dca1..93430d1 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -18,6 +18,7 @@
 - [优化]后台文档管理文档编辑模式显示；
 - [优化]后台图片管理图片预览功能；
 - [优化]文档历史记录对比接口；
+- [优化]403页面；
 
 ### v0.6.8 2021-06-27
 
diff --git a/template/403.html b/template/403.html
index 60ddb34..249d53f 100644
--- a/template/403.html
+++ b/template/403.html
@@ -4,22 +4,71 @@
 <html lang="zh-cn">
 <head>
     <meta charset="UTF-8">
-    <title>{% trans "拒绝访问" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅道文档" %}{% endif %}</title>
+    <title>{% trans "无权访问" %} - {% if site_name != None %}{{site_name}} {% else %}{% trans "觅道文档" %}{% endif %}</title>
     <link href="{% static 'layui/css/layui.css' %}" rel="stylesheet">
     <link href="{% static 'mrdoc/mrdoc.css' %}" rel="stylesheet">
     <link rel="icon" href="{% static 'search/mrdoc_logo_300.png' %}" sizes="192x192" />
+    <style>
+        .content {
+            position: absolute;
+            top: 50%;
+            transform: translateY(-50%);
+            width: 100%;
+            text-align: center;
+        }
+        .content>img {
+            height: 300px;
+            max-width: 370px;
+            margin-right: 180px;
+        }
+        .content-r {
+            vertical-align: top;
+        }
+        .content>* {
+            display: inline-block;
+        }
+        .content-r>h1 {
+            font-size: 72px;
+            color: #434e59;
+            margin-bottom: 24px;
+            font-weight: 600;
+        }
+        .content-r>p {
+            font-size: 20px;
+            color: rgba(0, 0, 0, .45);
+            margin-bottom: 16px;
+        }
+        .btn {
+            display: inline-block;
+            line-height: 38px;
+            white-space: nowrap;
+            cursor: pointer;
+            text-align: center;
+            box-sizing: border-box;
+            outline: none;
+            transition: 0.1s;
+            font-weight: 500;
+            padding: 0 18px;
+            height: 38px;
+            font-size: 14px;
+            background-color: white;
+            border: 1px solid #dcdfe6;
+            border-radius: 4px;
+            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
+        }
+    </style>
 </head>
 <body class="layui-container">
 <!-- 页头 -->
 {% include 'app_doc/head_base.html' %}
 <!-- 页头结束 -->
 
-<div class="layui-main">
-    <div style="text-align: center;margin-top: 40px;">
-        <h1>
-            <strong>{% trans "你无权访问当前页面……" %}</strong>
-        </h1>
-        <p><a href="{% url 'pro_list' %}" >{% trans "返回首页" %}</a></p>
+<div class="content">
+    <img src="{% static 'PearAdminLayui/admin/images/403.svg' %}" alt="">
+    <div class="content-r">
+        <h1>403</h1>
+        <p>抱歉，你无权访问此页面</p>
+        <a class="btn" href="/">返回首页</a>
     </div>
 </div>
 
