Browse Source

style: added border-radius to ace and terminal

0xJacky 2 years ago
parent
commit
5e7bc3112d

+ 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>