chore(首页): 历史记录样式调整

src/views/home/components/history-menu-sidebar.vue

@@ -166,7 +166,7 @@ defineExpose({
 <template>
   <Transition name="history-menu">
     <div v-show="isShowHistoryMenu" class="absolute bottom-0 right-[24px] top-0 z-10 py-[24px]">
-      <div class="box-border h-full w-[249px] rounded-[10px] bg-[#ECEFFF] py-[15px] pl-[10px]">
+      <div class="box-border h-full w-[269px] rounded-[10px] bg-[#ECEFFF] py-[15px] pl-[10px]">
         <n-scrollbar>
           <div class="pr-[10px]">
             <!-- <div class="select-none">
@@ -263,7 +263,7 @@ defineExpose({
   </Transition>
 
   <button
-    class="flex-center absolute right-[278px] top-1/2 z-10 h-[24px] w-[24px] rounded-full bg-[#ECEFFF] transition-[right] duration-300 ease-in-out"
+    class="flex-center duration-400 absolute right-[278px] top-1/2 z-10 h-[24px] w-[24px] rounded-full bg-[#ECEFFF] transition-[right] ease-in-out"
     :class="[isShowHistoryMenu ? [] : ['!right-[5px]']]"
     @click="handleShowHistoryMenuSwitch"
   >

src/views/home/home.vue

@@ -57,9 +57,9 @@ const currentFetchEventSourceController = ref<AbortController | null>(null)
 // })
 
 const homeContainerWidthWatchDebounce = debounce((newWidth) => {
-  if (newWidth <= 1060) {
+  if (newWidth <= 1120) {
     isShowHistoryMenu.value = false
-  } else if (newWidth >= 1300) {
+  } else if (newWidth >= 1320) {
     isShowHistoryMenu.value = true
   }
 }, 300)
@@ -201,7 +201,7 @@ function onGetMessageRecordList(recordId: string) {
   <div ref="homeContainerRef" class="relative h-full min-h-[650px] w-full">
     <div
       class="bg-px-home-home_bg-png relative h-full w-full bg-contain bg-center bg-no-repeat pr-0 transition-[padding] duration-300 ease-in-out"
-      :class="{ '!pr-[273px]': isShowHistoryMenu }"
+      :class="{ '!pr-[293px]': isShowHistoryMenu }"
     >
       <div class="mx-auto flex h-full w-[750px] flex-col px-[5px] py-[40px]">
         <AgentAbout