修复编辑按钮抖动的问题

src/views/company-information/components/CompanyDetail.vue

@@ -150,7 +150,7 @@ function handleQuery() {
 
 <template>
 	<div class="p-2.5">
-		<el-card v-loading="overviewLoading" body-class="flex items-center gap-10" shadow="hover" style="border: none">
+		<el-card v-loading="overviewLoading" body-class="flex items-center gap-10" shadow="hover" style="border: none; position: relative" >
 			<el-image :src="`/src/assets/platformImg/${companyId}.png`" class="mr-7 rounded-2xl" fit="contain" style="height: 120px; width: 120px">
 				<template #error>
 					<div class="mr-3.5 flex items-center justify-center text-5xl" style="height: 100%; width: 100%; background-color: #f5f5f5">
@@ -212,8 +212,7 @@ function handleQuery() {
 					</span>
 				</div>
 			</div>
-
-      <div class="text-lg whitespace-nowrap">
+      <div class="text-lg whitespace-nowrap" >
         <div class="font-semibold">
           主账号邮箱:
           <span class="font-medium italic ml-1.5" style="color: #64748b">
@@ -228,11 +227,10 @@ function handleQuery() {
 					</span>
         </div>
         <div class="font-semibold">
-          <el-button class="absolute" link style="right: 10px; top: 20px" type="warning" @click="drawerOpen"
+          <el-button class="absolute" link style="right: 10px; top: 20px; transition: all 0.3s ease"
+                     type="warning" @click="drawerOpen"
                      v-if="hasPermission('COMPANY_UPDATE')">
-            <el-icon style="font-size: 25px !important">
-              <Edit />
-            </el-icon>
+            <Edit style="width: 1.5em; height: 1.5em;"/>
           </el-button>
           IP地址:
           <span class="font-medium italic ml-1.5" style="color: #64748b">

src/views/computer-information/components/ComputerDetail.vue

@@ -180,7 +180,7 @@ onMounted(async () => {
 <template>
 	<div class="p-2.5">
 		<!-- overview-card -->
-		<el-card v-loading="overviewLoading" body-class="flex items-center" shadow="hover" style="border: none">
+		<el-card v-loading="overviewLoading" body-class="flex items-center" shadow="hover" style="border: none;position: relative">
 			<el-image :src="getImageSrc()" :preview-src-list="[getImageSrc()]" class="mr-7 rounded-2xl" style="height: 100px; width: 100px; object-fit: contain">
 				<template #error>
 					<div class="mr-3.5 flex items-center justify-center text-5xl" style="height: 100px; width: 100px; background-color: #f5f5f5">

src/views/employee-information/components/EmployeeDetail.vue

@@ -135,7 +135,7 @@ onMounted(() => {
 <template>
   <div class="p-2.5">
     <!-- overview-card -->
-    <el-card v-loading="overviewLoading" body-class="flex items-center" shadow="hover" style="border: none">
+    <el-card v-loading="overviewLoading" body-class="flex items-center" shadow="hover" style="border: none;position: relative">
       <el-image :src="getImageSrc()" :preview-src-list="[getImageSrc()]" class="mr-7 rounded-2xl" style="height: 100px; width: 100px; object-fit: contain">
         <template #error>
           <div class="mr-3.5 flex items-center justify-center text-5xl" style="height: 100px; width: 100px; background-color: #f5f5f5">