hookehuyr

fix 错误提示页显示css调整

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