style: 调整LOGO样式

src/views/system/setting/components/change-logo.vue

@@ -164,7 +164,7 @@ onMounted(() => {
     <a-col :lg="12" :md="12" :xs="24" style="margin-bottom: 30px">
       <div class="header">
         <div class="header-brand" v-show="state.type === 'brand'">
-          <img :width="224" :height="48" :src="state.brand" />
+          <img :width="174" :height="48" :src="state.brand" />
         </div>
         <div class="header-icon" v-show="state.type === 'icon'">
           <img :src="state.icon" />
@@ -219,7 +219,7 @@ onMounted(() => {
         <a-typography-title :level="5">全图</a-typography-title>
         <a-typography-paragraph>
           将整张图片展示到系统LOGO区域，请使用透明背景，尺寸比例大小
-          <a-typography-text mark>224x48</a-typography-text>
+          <a-typography-text mark>174x48</a-typography-text>
         </a-typography-paragraph>
         <a-typography-title :level="5">小图</a-typography-title>
         <a-typography-paragraph>
@@ -242,7 +242,7 @@ onMounted(() => {
   margin-bottom: 24px;
 
   &-brand {
-    width: 224px;
+    width: 174px;
     height: 48px;
     margin-right: 12px;
     border: 1px var(--ant-primary-color) solid;
@@ -250,10 +250,10 @@ onMounted(() => {
   &-icon {
     display: flex;
     align-content: center;
-    min-width: 192px;
+    min-width: 174px;
     height: 100%;
     align-items: center;
-    margin-right: 12px;
+    margin-right: 16px;
     border: 1px var(--ant-primary-color) solid;
 
     & > img {
@@ -266,7 +266,7 @@ onMounted(() => {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
-      width: 180px;
+      width: 130px;
       color: #fff;
       margin: 0 0 0 12px;
       font-weight: 600;