浏览代码

style: added border-radius to ace and terminal

0xJacky 2 年之前
父节点
当前提交
5e7bc3112d
共有 2 个文件被更改,包括 10 次插入1 次删除
  1. 2 1
      frontend/src/components/CodeEditor/CodeEditor.vue
  2. 8 0
      frontend/src/views/pty/Terminal.vue

+ 2 - 1
frontend/src/components/CodeEditor/CodeEditor.vue

@@ -24,7 +24,8 @@ const value = computed({
         lang="nginx"
         theme="monokai"
         :style="{
-            minHeight: defaultHeight || '100vh'
+            minHeight: defaultHeight || '100vh',
+            borderRadius: '5px'
         }"/>
 </template>
 

+ 8 - 0
frontend/src/views/pty/Terminal.vue

@@ -100,5 +100,13 @@ onUnmounted(() => {
 <style lang="less" scoped>
 .console {
     min-height: calc(100vh - 300px);
+
+    :deep(.terminal) {
+        padding: 10px;
+    }
+
+    :deep(.xterm-viewport) {
+        border-radius: 5px;
+    }
 }
 </style>