style: 订单跟踪: 订单信息的缩放

src/views/orders/Follow.jsx

@@ -2,8 +2,8 @@ import useAuthStore from '@/stores/AuthStore'
 import useFormStore from '@/stores/FormStore'
 import { useOrderStore } from '@/stores/OrderStore'
 import { isEmpty, groupBy, buildTree, readIndexDB, writeIndexDB, pick } from '@/utils/commons'
-import { StarTwoTone, CalendarTwoTone, FolderOutlined, DeleteOutlined, ClockCircleOutlined, FormOutlined, DatabaseOutlined } from '@ant-design/icons'
+import { StarTwoTone, CalendarTwoTone, FolderOutlined, DeleteOutlined, ClockCircleOutlined, FormOutlined, DatabaseOutlined, UnorderedListOutlined, LeftOutlined } from '@ant-design/icons'
-import { Flex, Drawer, Radio, Divider, Segmented, Tree, Typography, Checkbox, Layout, Row, Col, Empty, Splitter } from 'antd'
+import { Flex, Drawer, Radio, Divider, Segmented, Tree, Typography, Checkbox, Layout, Row, Col, Empty, Splitter, Button } from 'antd'
 import { useEffect, useMemo, useState } from 'react'
 import { InboxIcon, MailUnreadIcon, SendPlaneFillIcon } from '@/components/Icons'
 import { useShallow } from 'zustand/react/shallow'
@@ -189,7 +189,7 @@ function Follow() {
   return (
     <>
       <Layout>
-        <Layout.Sider width='300' theme='light' style={{ height: 'calc(100vh - 166px)' }}>
+        <Layout.Sider width='300' theme='light' style={{ height: 'calc(100vh - 166px)' }} className=' relative'>
           <Flex justify='start' align='start' vertical className='h-full'>
             <Segmented className='w-full' block shape='round' options={accountDEI} value={currentMailboxDEI} onChange={handleSwitchAccount} />
             <div className='overflow-y-auto flex-auto w-full [&_.ant-tree-switcher]:me-0 [&_.ant-tree-node-content-wrapper]:px-0 [&_.ant-tree-node-content-wrapper]:text-ellipsis [&_.ant-tree-node-content-wrapper]:overflow-hidden [&_.ant-tree-node-content-wrapper]:whitespace-nowrap'>
@@ -222,8 +222,8 @@ function Follow() {
           </Splitter>
         </Layout.Content>
 
+        <Button icon={collapsed ? <LeftOutlined /> : <UnorderedListOutlined />} onClick={() => setCollapsed(!collapsed)} className={`absolute top-20 z-10 rounded-none rounded-l ${collapsed ? 'right-1' : 'right-8 '}`} />
         <Layout.Sider
-          zeroWidthTriggerStyle={{ top: '30px' }}
           width='280'
           theme='light'
           className='overflow-y-auto'
@@ -234,6 +234,7 @@ function Follow() {
           collapsed={collapsed}
           onCollapse={(value) => setCollapsed(value)}
           collapsedWidth={0}
+          trigger={null}
           reverseArrow={true}>
           <OrderProfile />
         </Layout.Sider>