chore: 优化演示代码

src/views/result/columns.tsx

@@ -6,56 +6,51 @@ export function useColumns() {
     {
       cellRenderer: () => {
         return (
-          <span class="flex items-center -mt-6">
-            <iconify-icon-offline
-              icon={CloseCircleLine}
-              color="#F56C6C"
-              width="18px"
-              height="18px"
-            />
-            <span class="ml-1 mr-4">您的账户已被冻结</span>
-            <a
-              href="javascript:void(0);"
-              class="flex items-center"
-              style="color: var(--el-color-primary)"
-            >
-              立即解冻
+          <div class="w-full">
+            <div class="flex items-center">
               <iconify-icon-offline
-                icon={ArrowRightSLine}
-                color="var(--el-color-primary)"
+                icon={CloseCircleLine}
                 width="18px"
                 height="18px"
               />
-            </a>
-          </span>
-        );
-      }
-    },
-    {
-      cellRenderer: () => {
-        return (
-          <span class="flex items-center -mt-8">
-            <iconify-icon-offline
-              icon={CloseCircleLine}
-              color="#F56C6C"
-              width="18px"
-              height="18px"
-            />
-            <span class="ml-1 mr-4">您的账户还不具备申请资格</span>
-            <a
-              href="javascript:void(0);"
-              class="flex items-center"
-              style="color: var(--el-color-primary)"
-            >
-              立即升级
+              <span class="ml-1 mr-4">您的账户已被冻结</span>
+              <a
+                href="javascript:void(0);"
+                class="flex items-center"
+                style="color: var(--el-color-primary)"
+              >
+                立即解冻
+                <iconify-icon-offline
+                  icon={ArrowRightSLine}
+                  color="var(--el-color-primary)"
+                  width="18px"
+                  height="18px"
+                />
+              </a>
+            </div>
+            <br />
+            <div class="flex items-center">
               <iconify-icon-offline
-                icon={ArrowRightSLine}
-                color="var(--el-color-primary)"
+                icon={CloseCircleLine}
                 width="18px"
                 height="18px"
               />
-            </a>
-          </span>
+              <span class="ml-1 mr-4">您的账户还不具备申请资格</span>
+              <a
+                href="javascript:void(0);"
+                class="flex items-center"
+                style="color: var(--el-color-primary)"
+              >
+                立即升级
+                <iconify-icon-offline
+                  icon={ArrowRightSLine}
+                  color="var(--el-color-primary)"
+                  width="18px"
+                  height="18px"
+                />
+              </a>
+            </div>
+          </div>
         );
       }
     }

src/views/result/fail.vue

@@ -26,7 +26,7 @@ const { columns } = useColumns();
     <PureDescriptions
       :columns="columns"
       title="您提交的内容有如下错误："
-      class="p-6 ml-10 mr-10 bg-[#fafafa] dark:bg-[#1d1d1d]"
+      class="p-6 w-[90%] m-auto bg-[#fafafa] dark:bg-[#1d1d1d]"
     />
   </el-card>
 </template>

src/views/result/success.vue

@@ -41,7 +41,7 @@ const columns = [
         </div>
       </template>
     </el-result>
-    <div class="p-6 ml-10 mr-10 bg-[#fafafa] dark:bg-[#1d1d1d]">
+    <div class="p-6 w-[90%] m-auto bg-[#fafafa] dark:bg-[#1d1d1d]">
       <PureDescriptions title="项目名称" :columns="columns" class="mb-5" />
       <el-steps :active="2">
         <el-step title="创建项目">