💄 修改终端样式.

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

View File

@@ -82,7 +82,7 @@ body {
border-radius: 2px;
cursor: pointer;
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 {
background: var(--color-fill-3);

View File

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

View File

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

View File

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