fix: 修改按钮边框问题

src/renderer/src/lvgl-widgets/button/Button.vue

@@ -2,7 +2,7 @@
   <div
     :style="styleMap?.mainStyle"
     style="display: flex; align-items: center; justify-content: center"
-    class="relative overflow-hidden"
+    class="relative overflow-hidden box-border"
   >
     <ImageBg :src="styleMap?.mainStyle?.imageSrc" :imageStyle="styleMap?.mainStyle?.imageStyle" />
     <span class="z-2" v-html="innerText"></span>

src/renderer/src/views/designer/config/property/components/StyleBackground.vue

@@ -24,12 +24,18 @@
       <span class="text-text-active">{{ imageColor }}</span>
     </el-form-item>
     <el-form-item v-if="!onlyColor" label="透明度" label-position="left" label-width="60px">
-      <el-slider
-        v-model="imageAlpha"
-        :disabled="!modelValue?.image"
-        :max="255"
-        :min="0"
-      ></el-slider>
+      <div class="w-full flex gap-20px items-center">
+        <el-slider
+          v-model="imageAlpha"
+          :disabled="!modelValue?.image"
+          :max="255"
+          :min="0"
+          style="flex: 1"
+        ></el-slider>
+        <span class="text-text-active inline w-30px cursor-pointer">
+          {{ imageAlpha }}
+        </span>
+      </div>
     </el-form-item>
   </div>
 </template>

src/renderer/src/views/designer/workspace/stage/index.vue

@@ -43,14 +43,6 @@
             </div>
           </el-tooltip>
 
-          <el-tooltip content="中心位置">
-            <div
-              class="w-20px h-20px flex items-center justify-center cursor-pointer"
-              @click="handleCenter"
-            >
-              <LuFocus :size="16" />
-            </div>
-          </el-tooltip>
           <el-tooltip content="标尺">
             <div
               class="w-20px h-20px flex items-center justify-center cursor-pointer border-1px border-solid border-transparent"
@@ -78,6 +70,14 @@
               <LuGrid3X3 :size="16" />
             </div>
           </el-tooltip>
+          <el-tooltip content="缩放自适应">
+            <div
+              class="w-20px h-20px flex items-center justify-center cursor-pointer"
+              @click="handleCenter"
+            >
+              <LuFocus :size="16" />
+            </div>
+          </el-tooltip>
 
           <el-slider
             v-model="state.scale"
@@ -89,7 +89,7 @@
             style="width: 140px"
           ></el-slider>
           <el-tooltip content="重置缩放">
-            <span class="inline w-30px cursor-pointer" @click="setOriginSize"
+            <span class="text-text-active inline w-30px cursor-pointer" @click="setOriginSize"
               >{{ (state.scale * 100).toFixed(0) }}%</span
             >
           </el-tooltip>