fix 错误提示页显示css调整

 <!--
  * @Date: 2022-06-29 18:18:02
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-06-28 14:10:01
+ * @LastEditTime: 2024-07-22 13:24:19
  * @FilePath: /data-table/src/views/no_auth.vue
  * @Description: 文件描述
 -->
@@ -10,7 +10,7 @@
     <div class="text-box">
       <van-icon name="warning" color="red" size="1.25rem" />&nbsp;您暂无权限访问该页面
     </div>
-    <div style="font-size: 15px; color: #525967;">{{ formSetting.auth_error }}</div>
+    <div style="font-size: 15px; color: #525967; text-align: center; margin: 1rem auto;">{{ formSetting.auth_error }}</div>
   </div>
 </template>
 
@@ -49,12 +49,12 @@ onMounted(() => {
   background-color: #ffffff;
   padding: 1rem;
   border-radius: 5px;
+  max-width: 800px;
+  min-width: 20rem;
   .text-box {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin: 1rem auto;
+    text-align: center;
     color: red;
+    overflow: hidden;
   }
 }
 </style>