style: multiple selection tag

src/components/logs-viewer/virtual-log-list.tsx

@@ -11,6 +11,7 @@ import React, {
   useRef,
   useState
 } from 'react';
+import styled from 'styled-components';
 import LogsList from './logs-list';
 import LogsPagination from './logs-pagination';
 import './styles/index.less';
@@ -26,6 +27,13 @@ interface LogsViewerProps {
   enableScorllLoad?: boolean;
   diffHeight?: number;
 }
+
+const PaginationWrapper = styled.div`
+  position: absolute;
+  right: 50px;
+  top: 30px;
+`;
+
 const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
   const { diffHeight, url, tail: defaultTail, enableScorllLoad = true } = props;
   const { pageSize, page, setPage, setTotalPage, totalPage } =
@@ -294,6 +302,16 @@ const LogsViewer: React.FC<LogsViewerProps> = forwardRef((props, ref) => {
 
   return (
     <div className="logs-viewer-wrap-w2">
+      {/* <PaginationWrapper>
+        <Pagination
+          simple={{ readOnly: true }}
+          total={totalPage}
+          current={page}
+          pageSize={pageSize}
+          showSizeChanger={false}
+          hideOnSinglePage={false}
+        ></Pagination>
+      </PaginationWrapper> */}
       <div className="wrap">
         <div>
           <LogsList