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

fixed: 暗色主题下 tabs 颜色不变的问题.

Browse Source
This commit is contained in:
lijiahangmax
2023-11-26 21:26:10 +08:00
parent 550366e929
commit 47551edc75
14 changed files with 4348 additions and 2620 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
orion-ops-ui/package.json
View File

@@ -29,7 +29,7 @@
] ]
}, },
"dependencies": { "dependencies": {
"@arco-design/web-vue": "^2.53.0", "@arco-design/web-vue": "^2.53.3",
"@dangojs/a-query-header": "^0.0.31", "@dangojs/a-query-header": "^0.0.31",
"@sanqi377/arco-vue-icon-picker": "^1.0.7", "@sanqi377/arco-vue-icon-picker": "^1.0.7",
"@vueuse/core": "^9.3.0", "@vueuse/core": "^9.3.0",

6928
orion-ops-ui/pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

4
orion-ops-ui/src/assets/style/global.less
View File

@@ -35,7 +35,7 @@ body {
width: 164px; width: 164px;
height: 32px; height: 32px;
line-height: 32px; line-height: 32px;
box-shadow: 6px 0px 20px rgba(34, 87, 188, 0.1); box-shadow: 6px 0 20px rgba(34, 87, 188, 0.1);
border-radius: 4px; border-radius: 4px;
margin-bottom: 4px; margin-bottom: 4px;
} }
@@ -55,7 +55,7 @@ body {
display: flex; display: flex;
align-items: center; align-items: center;
text-align: right; text-align: right;
color: #1d2129; color: #1D2129;
font-weight: bold; font-weight: bold;
} }

2
orion-ops-ui/src/components/app/navbar/index.vue
View File

@@ -164,7 +164,7 @@
<!-- 头像 --> <!-- 头像 -->
<a-avatar draggable="false" <a-avatar draggable="false"
:size="32" :size="32"
:style="{ cursor: 'pointer', backgroundColor: '#3370ff', userSelect: 'none' }"> :style="{ cursor: 'pointer', backgroundColor: 'rgb(var(--primary-6))', userSelect: 'none' }">
{{ nickname }} {{ nickname }}
</a-avatar> </a-avatar>
<template #content> <template #content>

2
orion-ops-ui/src/components/view/tab-router/index.vue
View File

@@ -71,7 +71,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
user-select: none; user-select: none;
background: #FFF; background: var(--color-bg-1);
} }
.tab-item { .tab-item {

2
orion-ops-ui/src/views/asset/host-group/components/host-list.vue
View File

@@ -104,7 +104,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #FFF; color: var(--color-white);
background: rgb(var(--blue-6)); background: rgb(var(--blue-6));
margin-right: 8px; margin-right: 8px;
border-radius: 4px; border-radius: 4px;

2
orion-ops-ui/src/views/asset/host-group/index.vue
View File

@@ -126,7 +126,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
background: #FFF; background: var(--color-bg-1);
} }
:deep(.arco-tabs-tab-title){ :deep(.arco-tabs-tab-title){

6
orion-ops-ui/src/views/dashboard/workplace/components/categories-percent.vue
View File

@@ -50,7 +50,7 @@
style: { style: {
text: '内容量', text: '内容量',
textAlign: 'center', textAlign: 'center',
fill: isDark ? '#ffffffb3' : '#4E5969', fill: isDark ? '#FFFFFFB3' : '#4E5969',
fontSize: 14, fontSize: 14,
}, },
}, },
@@ -61,7 +61,7 @@
style: { style: {
text: '928,531', text: '928,531',
textAlign: 'center', textAlign: 'center',
fill: isDark ? '#ffffffb3' : '#1D2129', fill: isDark ? '#FFFFFFB3' : '#1D2129',
fontSize: 16, fontSize: 16,
fontWeight: 500, fontWeight: 500,
}, },
@@ -79,7 +79,7 @@
color: isDark ? 'rgba(255, 255, 255, 0.7)' : '#4E5969', color: isDark ? 'rgba(255, 255, 255, 0.7)' : '#4E5969',
}, },
itemStyle: { itemStyle: {
borderColor: isDark ? '#232324' : '#fff', borderColor: isDark ? '#232324' : '#FFF',
borderWidth: 1, borderWidth: 1,
}, },
data: [ data: [

2
orion-ops-ui/src/views/dashboard/workplace/components/popular-content.vue
View File

@@ -60,7 +60,7 @@
<span>{{ record.increases }}%</span> <span>{{ record.increases }}%</span>
<icon-caret-up <icon-caret-up
v-if="record.increases !== 0" v-if="record.increases !== 0"
style="color: #f53f3f; font-size: 8px" style="color: #F53F3F; font-size: 8px"
/> />
</div> </div>
</template> </template>

6
orion-ops-ui/src/views/user/info/components/login-history.vue
View File

@@ -124,9 +124,9 @@
border-radius: 50%; border-radius: 50%;
width: 56px; width: 56px;
height: 56px; height: 56px;
color: var(--color-white);
background: var(--color-fill-4); background: var(--color-fill-4);
font-size: 28px; font-size: 28px;
color: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -140,6 +140,10 @@
:deep(.arco-timeline-item) { :deep(.arco-timeline-item) {
padding-bottom: 36px; padding-bottom: 36px;
.arco-timeline-item-dot-custom {
background: unset;
}
} }
.log-line { .log-line {

2
orion-ops-ui/src/views/user/info/components/user-base-info.vue
View File

@@ -4,7 +4,7 @@
<div class="avatar-container"> <div class="avatar-container">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<a-avatar :size="88" <a-avatar :size="88"
:style="{ backgroundColor: '#3370ff' }"> :style="{ backgroundColor: 'rgb(var(--primary-6))' }">
{{ nickname }} {{ nickname }}
</a-avatar> </a-avatar>
</div> </div>

6
orion-ops-ui/src/views/user/info/components/user-session.vue
View File

@@ -151,9 +151,9 @@
border-radius: 50%; border-radius: 50%;
width: 56px; width: 56px;
height: 56px; height: 56px;
color: var(--color-white);
background: var(--color-fill-4); background: var(--color-fill-4);
font-size: 28px; font-size: 28px;
color: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -167,6 +167,10 @@
:deep(.arco-timeline-item) { :deep(.arco-timeline-item) {
padding-bottom: 36px; padding-bottom: 36px;
.arco-timeline-item-dot-custom {
background: unset;
}
} }
.session-line { .session-line {

2
orion-ops-ui/src/views/user/info/index.vue
View File

@@ -102,7 +102,7 @@
<style lang="less" scoped> <style lang="less" scoped>
.tabs-container { .tabs-container {
background: #FFFFFF; background: var(--color-bg-1);
margin: 16px 16px 0 16px; margin: 16px 16px 0 16px;
padding: 16px; padding: 16px;
display: flex; display: flex;

2
orion-ops-ui/src/views/user/user/types/table.columns.ts
View File

@@ -51,7 +51,7 @@ const columns = [
}, { }, {
title: '操作', title: '操作',
slotName: 'handle', slotName: 'handle',
width: 330, width: 340,
align: 'center', align: 'center',
fixed: 'right', fixed: 'right',
}, },