manager/orion-visor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 修改终端样式.

Browse Source
This commit is contained in:
lijiahang
2024-07-30 14:40:15 +08:00
parent 8b97c02d15
commit 9a8d1d05cd
5 changed files with 21 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
orion-visor-ui/src/assets/style/host-terminal-layout.less
View File

@@ -15,7 +15,7 @@ body {
--color-bg-panel-tabs: var(--color-bg-panel);
--color-bg-panel-tabs-active: #F9F9F9;
--color-bg-panel-icon-1: #F5F5F5;
--color-bg-panel-bar: #F3F4F5;
--color-bg-panel-bar: #F0F0F0;
--color-panel-text-1: var(--color-content-text-1);
--color-panel-text-2: var(--color-content-text-3);
--color-panel-gradient-start: rgba(218, 218, 218, 1);

33
orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
View File

@@ -19,52 +19,43 @@
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 快速滚动 -->
<block-setting-item label="快速滚动" desc="alt + 鼠标滚轮快速滚动">
<a-switch type="round"
v-model="formModel.fastScrollModifier" />
<a-switch v-model="formModel.fastScrollModifier" type="round" />
</block-setting-item>
<!-- 点击移动光标 -->
<block-setting-item label="点击移动光标" desc="alt + 鼠标左键可以切换光标位置">
<a-switch type="round"
v-model="formModel.altClickMovesCursor" />
<a-switch v-model="formModel.altClickMovesCursor" type="round" />
</block-setting-item>
</a-row>
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 右键选中词条 -->
<block-setting-item label="右键选中词条" desc="右键文本后会根据单词分隔符自动选中词条">
<a-switch type="round"
v-model="formModel.rightClickSelectsWord" />
<a-switch v-model="formModel.rightClickSelectsWord" type="round" />
</block-setting-item>
<!-- 选中自动复制 -->
<block-setting-item label="选中自动复制" desc="自动将选中的文本复制到剪切板">
<a-switch type="round"
v-model="formModel.selectionChangeCopy" />
<a-switch v-model="formModel.selectionChangeCopy" type="round" />
</block-setting-item>
</a-row>
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 复制去除空格 -->
<block-setting-item label="复制去除空格" desc="复制文本后自动删除尾部空格">
<a-switch type="round"
v-model="formModel.copyAutoTrim" />
<a-switch v-model="formModel.copyAutoTrim" type="round" />
</block-setting-item>
<!-- 启用右键菜单 -->
<block-setting-item label="启用右键菜单" desc="右键终端将打开自定义菜单, 启用后需要关闭右键粘贴">
<a-switch type="round"
v-model="formModel.enableRightClickMenu" />
<a-switch v-model="formModel.enableRightClickMenu" type="round" />
</block-setting-item>
</a-row>
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 右键粘贴 -->
<block-setting-item label="右键粘贴"
desc="启用右键自动粘贴需要关闭右键菜单. 如果启用右键选中词条且选中有文本时, 右键粘贴无效. 因浏览器安全策略限制, 此功能需要在 HTTPS 环境下使用">
<a-switch type="round"
v-model="formModel.rightClickPaste" />
<a-switch v-model="formModel.rightClickPaste" type="round" />
</block-setting-item>
<!-- 粘贴去除空格 -->
<block-setting-item label="粘贴去除空格"
desc="粘贴文本前自动删除尾部空格 如: 命令输入框, 命令编辑器, 右键粘贴, 粘贴按钮, 右键菜单粘贴, 自定义粘贴快捷键. 默认粘贴快捷键无法去除空格">
<a-switch type="round"
v-model="formModel.pasteAutoTrim" />
<a-switch v-model="formModel.pasteAutoTrim" type="round" />
<template #desc>
</template>
@@ -73,13 +64,13 @@
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 启用响铃 -->
<block-setting-item label="启用响铃" desc="系统接收到 \a 时发出响铃 (一般不用开启)">
<a-switch type="round"
v-model="formModel.enableBell" />
<a-switch v-model="formModel.enableBell" type="round" />
</block-setting-item>
<!-- 单词分隔符 -->
<block-setting-item label="单词分隔符" desc="在终端中双击文本将使用该分隔符进行分割 (一般不用修改)">
<a-input size="small"
v-model="formModel.wordSeparator"
<a-input v-model="formModel.wordSeparator"
size="small"
style="width: 188px"
placeholder="单词分隔符"
allow-clear />
</block-setting-item>

12
orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
View File

@@ -11,25 +11,21 @@
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 超链接插件 -->
<block-setting-item label="超链接插件" desc="自动检测 http(https) url 并可以点击">
<a-switch type="round"
v-model="formModel.enableWeblinkPlugin" />
<a-switch v-model="formModel.enableWeblinkPlugin" type="round" />
</block-setting-item>
<!-- WebGL 渲染插件 -->
<block-setting-item label="WebGL 渲染插件" desc="使用 WebGL 加速渲染终端 (建议开启, 若无法开启终端请关闭)">
<a-switch type="round"
v-model="formModel.enableWebglPlugin" />
<a-switch v-model="formModel.enableWebglPlugin" type="round" />
</block-setting-item>
</a-row>
<a-row class="mb16" align="stretch" :gutter="16">
<!-- unicode11 插件 -->
<block-setting-item label="unicode11 插件" desc="支持 Unicode 11 字符集">
<a-switch type="round"
v-model="formModel.enableUnicodePlugin" />
<a-switch v-model="formModel.enableUnicodePlugin" type="round" />
</block-setting-item>
<!-- 图片渲染插件 -->
<block-setting-item label="图片渲染插件" desc="支持使用 sixel 打开图片 (一般不需要开启)">
<a-switch type="round"
v-model="formModel.enableImagePlugin" />
<a-switch v-model="formModel.enableImagePlugin" type="round" />
</block-setting-item>
</a-row>
</div>

5
orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
View File

@@ -11,14 +11,15 @@
<a-row class="mb16" align="stretch" :gutter="16">
<!-- 终端类型 -->
<block-setting-item label="终端类型" desc="若显示异常请尝试切换此选项 兼容性 vt100 > xterm > 16color > 256color">
<a-select style="width: 160px;"
v-model="formModel.terminalEmulationType"
<a-select v-model="formModel.terminalEmulationType"
style="width: 188px;"
size="small"
:options="toOptions(emulationTypeKey)" />
</block-setting-item>
<!-- 缓冲区行数 -->
<block-setting-item label="缓冲区行数" desc="保存在缓冲区的行数, 多出的行数会被忽略, 此值越大占用内存的内存会更多">
<a-input-number v-model="formModel.scrollBackLine"
style="width: 188px"
size="small"
:min="1"
:max="10000"

2
orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
View File

@@ -242,7 +242,7 @@
width: 100%;
height: calc(100% - @ssh-header-height);
position: relative;
padding: 8px;
padding: 8px 2px 2px 8px;
.ssh-inst {
width: 100%;