[Update] 修改terminal字体

apps/ops/templates/ops/celery_task_log.html

@@ -6,15 +6,37 @@
     <script src="{% static 'js/plugins/xterm/xterm.js' %}"></script>
     <script src="{% static 'js/plugins/xterm/addons/fit/fit.js' %}"></script>
     <link rel="stylesheet" href="{% static 'js/plugins/xterm/xterm.css' %}" />
+    <link rel="shortcut icon" href="{{ FAVICON_URL }}" type="image/x-icon">
     <style>
-        body {
-            background-color: black;
-        }
-        .xterm-rows {
-            {#padding: 15px;#}
-            font-family: "Bitstream Vera Sans Mono", Monaco, "Consolas", Courier, monospace;
-            font-size: 13px;
-        }
+        {#body {#}
+        {#    background-color: black;#}
+        {#}#}
+
+        {#.xterm-rows {#}
+        {#    font-family: "Bitstream Vera Sans Mono", Monaco, "Consolas", Courier, monospace;#}
+        {#    font-size: 13px;#}
+        {#}#}
+
+        {#.terminal .xterm-viewport {#}
+        {#    background-color: #1f1b1b;#}
+        {#    overflow: auto;#}
+        {#}#}
+
+        {#body ::-webkit-scrollbar-track {#}
+        {#    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);#}
+        {#    background-color: #272323;#}
+        {#    border-radius: 6px;#}
+        {#}#}
+        {##}
+        {#body ::-webkit-scrollbar {#}
+        {#    width: 8px;#}
+        {#    height: 8px;#}
+        {#}#}
+        {##}
+        {#body ::-webkit-scrollbar-thumb {#}
+        {#    background-color: #494141;#}
+        {#    border-radius: 6px;#}
+        {#}#}
     </style>
 </head>
 <div id="term" style="height: 100%;width: 100%">
@@ -36,7 +58,8 @@
             cursorBlink: false,
             screenKeys: false,
             fontFamily: '"Monaco", "Consolas", "monospace"',
-            fontSize: 12,
+            fontSize: 13,
+            lineHeight: 1.2,
             rightClickSelectsWord: true,
             disableStdin: true
         });

apps/ops/templates/ops/command_execution_create.html

@@ -34,6 +34,27 @@
         .select2-container .select2-selection--single {
             height: 34px;
         }
+
+        .terminal .xterm-viewport {
+            background-color: #1f1b1b;
+            overflow: auto;
+        }
+
+        body ::-webkit-scrollbar-track {
+            -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
+            background-color: #272323;
+            border-radius: 6px;
+        }
+
+        body ::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+
+        body ::-webkit-scrollbar-thumb {
+            background-color: #494141;
+            border-radius: 6px;
+        }
     </style>
 {% endblock %}
 
@@ -201,11 +222,10 @@
                 cursorBlink: false,
                 screenKeys: false,
                 fontFamily: 'monaco, Consolas, "Lucida Console", monospace',
-                fontSize: 14,
-                lineHeight: 1,
+                fontSize: 13,
                 rightClickSelectsWord: true,
                 disableStdin: true,
-                cursorBlink: false,
+                lineHeight: 1.2,
                 theme: {
                     background: '#1f1b1b'
                 }