chore(首页): 消息滚动条区域优化

src/views/home/components/agent-about.vue

@@ -71,7 +71,10 @@ const handleRecommendQuestionListUpdate = debounce(
 </script>
 
 <template>
-  <div :class="isShowAgentAbout ? 'flex flex-1 flex-col overflow-hidden overflow-y-auto' : ''">
+  <div
+    class="mx-auto w-[750px]"
+    :class="isShowAgentAbout ? 'flex flex-1 flex-col overflow-hidden overflow-y-auto' : ''"
+  >
     <Transition name="agent-about" mode="out-in">
       <div v-if="isShowAgentAbout" class="flex flex-1 flex-col overflow-hidden overflow-y-auto pt-[40px]">
         <div class="flex items-center pr-[10px]">

src/views/home/components/footer-operation.vue

@@ -434,7 +434,7 @@ defineExpose({
 </script>
 
 <template>
-  <div class="mt-auto pr-[10px]">
+  <div class="mx-auto mt-auto w-[750px] pr-[10px]">
     <div class="mb-[10px] flex select-none justify-between">
       <div class="w-[190px]">
         <n-select

src/views/home/components/message-list.vue

@@ -36,7 +36,7 @@ function onContentedit(content: string) {
 <template>
   <div class="flex-1 overflow-hidden overflow-y-auto py-[20px]">
     <n-scrollbar ref="scrollbarRef">
-      <div class="pr-[10px]">
+      <div class="mx-auto w-[750px] pr-[10px]">
         <MessageItem
           v-for="[key, messageItem] in messageList"
           :key="key"

src/views/home/home.vue

@@ -217,7 +217,7 @@ function onClearSessionReferenceFile() {
       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-[293px]': isShowHistoryMenu }"
     >
-      <div class="mx-auto flex h-full w-[750px] flex-col px-[5px] pb-[40px]">
+      <div class="flex h-full flex-col px-[5px] pb-[40px]">
         <AgentAbout
           v-model:question-content="questionContent"
           :message-list-length="messageList.size"