增加录屏回放demo

web/src/components/access/AccessSSH.css

@@ -0,0 +1,22 @@
+.xterm .xterm-viewport {
+    /* On OS X this is required in order for the scroll bar to appear fully opaque */
+    background-color: transparent;
+    overflow-y: scroll;
+    cursor: default;
+    position: absolute;
+    right: 0;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    --scrollbar-color: var(--highlight) var(--dark);
+    --scrollbar-width: thin;
+}
+
+.xterm-viewport::-webkit-scrollbar {
+    background-color: var(--dark);
+    width: 5px;
+}
+
+.xterm-viewport::-webkit-scrollbar-thumb {
+    background: var(--highlight);
+}

web/src/components/access/AccessSSH.js

@@ -6,6 +6,7 @@ import {wsServer} from "../../common/constants";
 import "./Console.css"
 import {getToken} from "../../utils/utils";
 import {FitAddon} from 'xterm-addon-fit';
+import "./Access.css"
 
 class AccessSSH extends Component {
 
@@ -33,10 +34,10 @@ class AccessSSH extends Component {
         let term = new Terminal({
             fontFamily: 'monaco, Consolas, "Lucida Console", monospace',
             fontSize: 14,
-            theme: {
-                background: '#1b1b1b',
-                lineHeight: 17
-            },
+            // theme: {
+            //     background: '#1b1b1b',
+            //     lineHeight: 17
+            // },
             rightClickSelectsWord: true,
         });