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

💄 修改终端样式.

Browse Source
This commit is contained in:
lijiahangmax
2024-08-06 00:01:27 +08:00
parent 8d0b58e48f
commit 613f86155c
4 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
orion-visor-ui/src/assets/style/global.less
View File

@@ -82,7 +82,7 @@ body {
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
border: 1px solid transparent; border: 1px solid transparent;
transition: background-color 0.1s cubic-bezier(0, 0, 1, 1); transition: background-color 0.15s cubic-bezier(0, 0, 1, 1);
&:hover { &:hover {
background: var(--color-fill-3); background: var(--color-fill-3);

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

@@ -20,6 +20,8 @@ body {
--color-panel-text-2: var(--color-content-text-3); --color-panel-text-2: var(--color-content-text-3);
--color-panel-gradient-start: rgba(218, 218, 218, 1); --color-panel-gradient-start: rgba(218, 218, 218, 1);
--color-panel-gradient-end: rgba(218, 218, 218, 0); --color-panel-gradient-end: rgba(218, 218, 218, 0);
--color-button-bg: #E3E3E3;
--color-button-bg-active: var(--color-sidebar-icon-checked);
--search-bg-focus: rgba(234, 234, 234, .75); --search-bg-focus: rgba(234, 234, 234, .75);
--search-bg: rgba(234, 234, 234, .95); --search-bg: rgba(234, 234, 234, .95);
--search-color-text: #0E0E0E; --search-color-text: #0E0E0E;
@@ -52,6 +54,8 @@ body[terminal-theme='dark'] {
--color-panel-text-2: var(--color-content-text-3); --color-panel-text-2: var(--color-content-text-3);
--color-panel-gradient-start: rgba(38, 38, 38, 1); --color-panel-gradient-start: rgba(38, 38, 38, 1);
--color-panel-gradient-end: rgba(38, 38, 38, 0); --color-panel-gradient-end: rgba(38, 38, 38, 0);
--color-button-bg: var(--color-sidebar-icon-bg);
--color-button-bg-active: #484848;
--search-bg: rgba(12, 12, 12, .75); --search-bg: rgba(12, 12, 12, .75);
--search-bg-focus: rgba(12, 12, 12, .95); --search-bg-focus: rgba(12, 12, 12, .95);
--search-color-text: #E0E0E0; --search-color-text: #E0E0E0;
@@ -508,7 +512,7 @@ body[terminal-theme='dark'] .arco-modal-container {
color: var(--color-sidebar-icon); color: var(--color-sidebar-icon);
border-radius: 4px; border-radius: 4px;
border: 1px solid transparent; border: 1px solid transparent;
transition: 0.1s cubic-bezier(0, 0, 1, 1); transition: 0.15s cubic-bezier(0, 0, 1, 1);
cursor: pointer; cursor: pointer;
&:hover { &:hover {

2
orion-visor-ui/src/views/host/terminal/components/layout/terminal-panel.vue
View File

@@ -3,7 +3,7 @@
<!-- 终端 tab --> <!-- 终端 tab -->
<a-tabs v-model:active-key="panel.active" <a-tabs v-model:active-key="panel.active"
:editable="true" :editable="true"
:auto-switch="true" :auto-switch="false"
:show-add-button="true" :show-add-button="true"
@add="openNewConnect" @add="openNewConnect"
@tab-click="(k: string) => panel.clickTab(k)" @tab-click="(k: string) => panel.clickTab(k)"

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

@@ -234,12 +234,23 @@
} }
.status-bridge { .status-bridge {
height: 100%;
margin: 0 2px 0 8px; margin: 0 2px 0 8px;
display: flex;
align-items: center;
user-select: none; user-select: none;
:deep(.arco-badge-status-text) { :deep(.arco-badge-status-text) {
width: 36px; width: 36px;
} }
&::before {
content: "";
height: 56%;
margin: 0 12px 0 6px;
border-left: 2px solid var(--color-fill-4);
border-radius: 2px;
}
} }
} }