🐛 Fix(custom): fix several ui issue

src/renderer/manage/pages/BucketPage.vue

@@ -313,7 +313,7 @@
           <template #default="{ item, index }">
             <!-- Grid View -->
             <div
-              class="group/image m-0 box-border flex h-[calc(100%-8px)] w-full cursor-pointer flex-col overflow-hidden rounded-lg border-2 border-border shadow-sm transition-all duration-fast ease-apple hover:-translate-y-[2px] hover:border-accent hover:shadow-md [.selected]:border-2 [.selected]:border-accent [.selected]:shadow-md"
+              class="group/image m-0 box-border flex h-[calc(100%-8px)] w-full cursor-pointer flex-col overflow-hidden rounded-lg border-2 border-border shadow-sm transition-all duration-fast ease-apple hover:translate-y-[-2px] hover:border-accent hover:shadow-md [.selected]:border-2 [.selected]:border-accent [.selected]:shadow-md"
               :class="{ selected: item.checked }"
               @click="item.checked = !item.checked"
             >
@@ -503,10 +503,7 @@
       class="image-preview-modal"
     >
       <div class="flex-1 p-4">
-        <img
+        <img :src="ImagePreviewList[getCurrentPreviewIndex]" class="max-h-[70vh] max-w-full object-contain" />
-          :src="ImagePreviewList[getCurrentPreviewIndex]"
-          style="max-width: 100%; max-height: 70vh; object-fit: contain"
-        />
       </div>
     </CustomModal>
 
@@ -640,7 +637,7 @@
     <!-- Loading Indicators -->
     <div v-if="isLoadingData" class="animate-slide-right fixed right-[25px] bottom-[25px] z-9999 duration-300 ease-out">
       <div
-        class="flex min-w-[240px] items-center gap-3 rounded-lg bg-accent/85 px-4 py-3.5 shadow-lg transition-all duration-200 ease-apple hover:-translate-y-[2px] hover:bg-accent/95 hover:shadow-xl"
+        class="flex min-w-[240px] items-center gap-3 rounded-lg bg-accent/85 px-4 py-3.5 shadow-lg transition-all duration-200 ease-apple hover:translate-y-[-2px] hover:bg-accent/95 hover:shadow-xl"
       >
         <div
           class="mr-0 inline-block h-[18px] w-[18px] shrink-0 animate-spin rounded-full border-2 border-t-2 border-black/30 border-t-white"
@@ -661,7 +658,7 @@
       class="animate-slide-right fixed top-[50px] right-[25px] z-9999 duration-300 ease-out"
     >
       <div
-        class="flex min-w-[240px] items-center gap-3 rounded-lg bg-accent/85 px-4 py-3.5 shadow-lg transition-all duration-200 ease-apple hover:-translate-y-[2px] hover:bg-accent/95 hover:shadow-xl"
+        class="flex min-w-[240px] items-center gap-3 rounded-lg bg-accent/85 px-4 py-3.5 shadow-lg transition-all duration-200 ease-apple hover:translate-y-[-2px] hover:bg-accent/95 hover:shadow-xl"
       >
         <div
           class="mr-0 inline-block h-[18px] w-[18px] shrink-0 animate-spin rounded-full border-2 border-t-2 border-black/30 border-t-white"
@@ -1048,7 +1045,7 @@
       :title="t('pages.manage.bucket.preview')"
     >
       <div class="flex h-full w-full">
-        <div class="notes-body" style="user-select: text" v-html="markDownContent" />
+        <div class="notes-body select-text" v-html="markDownContent" />
       </div>
     </CustomModal>
 

src/renderer/manage/utils/bucketConfigCons.ts

@@ -1,7 +1,7 @@
 const AliyunAreaCodeName: IStringKeyMap = {
   'oss-cn-hangzhou': '华东1(杭州)',
   'oss-cn-shanghai': '华东2(上海)',
-  'oss-cn-wuhan': '华中1(武汉)',
+  'oss-cn-wuhan-lr': '华中1(武汉)',
   'oss-cn-qingdao': '华北1(青岛)',
   'oss-cn-beijing': '华北2(北京)',
   'oss-cn-zhangjiakou': '华北3(张家口)',
@@ -25,6 +25,7 @@ const AliyunAreaCodeName: IStringKeyMap = {
   'oss-us-west-1': '美国(硅谷)',
   'oss-us-east-1': '美国(弗吉尼亚)',
   'oss-na-south-1': '墨西哥',
+  'oss-eu-west-2': '法国(巴黎)',
   'oss-me-east-1': '阿联酋(迪拜)',
   'oss-rg-china-mainland': '无地域属性',
 }

src/renderer/pages/Gallery.vue

@@ -213,7 +213,7 @@
         >
           <template #default="{ item, index }">
             <div
-              class="group/image m-0 box-border flex h-[calc(100%-8px)] w-full cursor-pointer flex-col overflow-hidden rounded-lg border-2 border-border shadow-sm transition-all duration-fast ease-apple hover:-translate-y-[2px] hover:border-accent hover:shadow-md [.selected]:border-2 [.selected]:border-accent [.selected]:shadow-md"
+              class="group/image m-0 box-border flex h-[calc(100%-8px)] w-full cursor-pointer flex-col overflow-hidden rounded-lg border-2 border-border shadow-sm transition-all duration-fast ease-apple hover:translate-y-[-2px] hover:border-accent hover:shadow-md [.selected]:border-2 [.selected]:border-accent [.selected]:shadow-md"
               :class="{ selected: choosedList[item.id || ''] }"
               @click="handleChooseImage(!choosedList[item.id || ''], index)"
             >

src/renderer/pages/PicGoSetting.vue

@@ -1082,7 +1082,7 @@
     >
       <div class="flex w-full flex-col gap-4 p-4">
         <div
-          class="mb-4 flex items-start gap-3 rounded-lg border border-border bg-success/10 px-4 py-3 text-sm leading-1.5 font-semibold text-secondary"
+          class="mb-4 flex items-start gap-3 rounded-lg border border-border bg-success/10 px-4 py-3 text-sm font-semibold text-secondary"
         >
           <span>{{ t('pages.settings.advanced.webServerNotice') }}</span>
         </div>