style: 图文集滚动

src/views/accounts/SnippetList.jsx

@@ -180,7 +180,7 @@ function SnippetList() {
         </Form.Item>
       </Modal>
 
-      <Space direction='vertical' size='large' className='w-full'>
+      <Space direction='vertical' size='small' className='w-full h-full overflow-hidden'>
         <Form
           layout={'inline'}
           form={searchform}
@@ -210,8 +210,8 @@ function SnippetList() {
             </Button>
           </Form.Item>
         </Form>
-        <Row gutter={16}>
-          <Col span={8}>
+        <Row gutter={6} className=' ' style={{height: 'calc(100vh - 196px)'}}>
+          <Col span={8} className='h-[inherit] overflow-x-hidden overflow-y-auto'>
             <List
               bordered
               dataSource={snippetList}
@@ -231,7 +231,7 @@ function SnippetList() {
               )}
             />
           </Col>
-          <Col span={16}>
+          <Col span={16} className='h-[inherit] overflow-y-auto '>
             <HtmlPreview
               value={currentSnippet.content}
               loading={isHtmlLoading}
@@ -240,6 +240,7 @@ function SnippetList() {
               onDelete={() => handelSnippetDelete()}
             />
           </Col>
+          <div></div>
         </Row>
       </Space>
       {contextHolder}