Skip to content

Commit bc26024

Browse files
wangdan-fit2cloudwangdan-fit2cloud
committed
perf: style
1 parent fe35ba3 commit bc26024

File tree

13 files changed

+60
-30
lines changed

13 files changed

+60
-30
lines changed

‎ui/src/layout/components/breadcrumb/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<div class="breadcrumb ml-4 mt-4 mb-12 flex">
2+
<div class="breadcrumb ml-4 mt-4 mb-12 flex align-center">
33
<back-button @click="toBack"></back-button>
44
<div class="flex align-center">
55
<el-avatar

‎ui/src/styles/element-plus.scss‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -248,6 +248,11 @@
248248
color: var(--el-text-color-primary);
249249
}
250250

251+
.el-form-item__content {
252+
font-weight: 400 !important;
253+
color: var(--el-text-color-primary);
254+
}
255+
251256
.el-form-item__error {
252257
position: unset;
253258
font-size: 14px;
@@ -285,6 +290,20 @@
285290
font-weight: 400;
286291
}
287292

293+
// el-select
294+
.el-select__selected-item {
295+
color: var(--el-text-color-primary);
296+
font-weight: 400;
297+
}
298+
.el-select__caret {
299+
color: var(--app-text-color-secondary);
300+
}
301+
302+
// el-textarea
303+
.el-textarea {
304+
--el-input-text-color: var(--el-text-color-primary);
305+
}
306+
288307
// el-input
289308
.el-input {
290309
--el-input-text-color: var(--el-text-color-primary);
@@ -304,6 +323,9 @@
304323
.el-pagination .el-select {
305324
width: 105px;
306325
}
326+
.el-pagination__total {
327+
color: var(--el-text-color-primary);
328+
}
307329

308330
// el-checkbox
309331
.el-checkbox {
@@ -317,6 +339,7 @@
317339
// el-radio
318340
.el-radio {
319341
--el-radio-font-weight: 400;
342+
color: var(--el-text-color-primary);
320343
}
321344
.el-radio__input.is-checked + .el-radio__label {
322345
color: var(--el-text-color-primary);

‎ui/src/styles/md-editor.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,18 @@
11
.md-editor {
22
font-weight: 400;
3+
--md-color: var(--el-text-color-primary);
4+
.cm-content {
5+
font-weight: 400;
6+
color: var(--el-text-color-primary);
7+
}
38
}
49

510
.md-editor-preview {
611
padding: 0;
712
margin: 0;
813
font-size: inherit;
914
word-break: break-word;
15+
color: var(--el-text-color-primary);
1016
table {
1117
display: block;
1218
}

‎ui/src/views/application/index.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -195,7 +195,7 @@
195195
</el-avatar>
196196
</template>
197197
<template #subTitle>
198-
<el-text class="color-secondary" size="small">
198+
<el-text class="color-secondary lighter" size="small">
199199
<auto-tooltip :content="item.username">
200200
{{ $t('common.creator') }}: {{ item.nick_name }}
201201
</auto-tooltip>

‎ui/src/views/document/component/Status.vue‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -15,23 +15,23 @@
1515
></StatusTable>
1616
</template>
1717
<template #reference>
18-
<el-text v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED">
18+
<el-text class="color-text-primary" v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED">
1919
<el-icon class="color-success"><SuccessFilled /></el-icon>
2020
{{ stateMap[aggStatus.value](aggStatus.key) }}
2121
</el-text>
22-
<el-text v-else-if="aggStatus?.value === State.FAILURE">
22+
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.FAILURE">
2323
<el-icon class="color-danger"><CircleCloseFilled /></el-icon>
2424
{{ stateMap[aggStatus.value](aggStatus.key) }}
2525
</el-text>
26-
<el-text v-else-if="aggStatus?.value === State.STARTED">
26+
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.STARTED">
2727
<el-icon class="is-loading color-primary"><Loading /></el-icon>
2828
{{ stateMap[aggStatus.value](aggStatus.key) }}
2929
</el-text>
30-
<el-text v-else-if="aggStatus?.value === State.PENDING">
30+
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.PENDING">
3131
<el-icon class="is-loading color-primary"><Loading /></el-icon>
3232
{{ stateMap[aggStatus.value](aggStatus.key) }}
3333
</el-text>
34-
<el-text v-else-if="aggStatus?.value === State.REVOKE">
34+
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.REVOKE">
3535
<el-icon class="is-loading color-primary"><Loading /></el-icon>
3636
{{ stateMap[aggStatus.value](aggStatus.key) }}
3737
</el-text>

‎ui/src/views/document/component/StatusTable.vue‎

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,27 @@
11
<template>
2-
<div v-for="status in statusTable" :key="status.type" >
2+
<div v-for="status in statusTable" :key="status.type">
33
<span> {{ taskTypeMap[status.type] }}：</span>
44
<span>
5-
<el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
5+
<el-text
6+
class="color-text-primary"
7+
v-if="status.state === State.SUCCESS || status.state === State.REVOKED"
8+
>
69
<el-icon class="color-success"><SuccessFilled /></el-icon>
710
{{ stateMap[status.state](status.type) }}
811
</el-text>
9-
<el-text v-else-if="status.state === State.FAILURE">
12+
<el-text class="color-text-primary" v-else-if="status.state === State.FAILURE">
1013
<el-icon class="color-danger"><CircleCloseFilled /></el-icon>
1114
{{ stateMap[status.state](status.type) }}
1215
</el-text>
13-
<el-text v-else-if="status.state === State.STARTED">
16+
<el-text class="color-text-primary" v-else-if="status.state === State.STARTED">
1417
<el-icon class="is-loading color-primary"><Loading /></el-icon>
1518
{{ stateMap[status.state](status.type) }}
1619
</el-text>
17-
<el-text v-else-if="status.state === State.PENDING">
20+
<el-text class="color-text-primary" v-else-if="status.state === State.PENDING">
1821
<el-icon class="is-loading color-primary"><Loading /></el-icon>
1922
{{ stateMap[status.state](status.type) }}
2023
</el-text>
21-
<el-text v-else-if="status.state === State.REVOKE">
24+
<el-text class="color-text-primary" v-else-if="status.state === State.REVOKE">
2225
<el-icon class="is-loading color-primary"><Loading /></el-icon>
2326
{{ stateMap[status.state](status.type) }}
2427
</el-text>
@@ -27,7 +30,7 @@
2730
class="ml-8 lighter"
2831
:style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
2932
>
30-
{{ $t('views.document.fileStatus.finish') }}
33+
{{ $t('views.document.fileStatus.finish') }}
3134
{{
3235
Object.keys(status.aggs ? status.aggs : {})
3336
.filter((k) => k == State.SUCCESS)
@@ -42,7 +45,7 @@
4245
status.time
4346
? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
4447
0,
45-
19
48+
19,
4649
)
4750
: undefined
4851
}}
@@ -100,7 +103,7 @@ const statusTable = computed(() => {
100103
type: value,
101104
state: parseStatus.task_status[value],
102105
aggs: aggs.value[value],
103-
time: props.statusMeta.state_time[value]
106+
time: props.statusMeta.state_time[value],
104107
}
105108
})
106109
.filter((item) => item.state !== State.IGNORED)

‎ui/src/views/document/index.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -283,13 +283,13 @@
283283
<el-icon class="color-success mr-8" style="font-size: 16px">
284284
<SuccessFilled />
285285
</el-icon>
286-
<span class="color-secondary">
286+
<span class="color-text-primary">
287287
{{ $t('common.status.enabled') }}
288288
</span>
289289
</div>
290290
<div v-else class="flex align-center">
291291
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
292-
<span class="color-secondary">
292+
<span class="color-text-primary">
293293
{{ $t('common.status.disabled') }}
294294
</span>
295295
</div>

‎ui/src/views/knowledge/component/KnowledgeListContainer.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -189,7 +189,7 @@
189189
<KnowledgeIcon :type="item.type" />
190190
</template>
191191
<template #subTitle>
192-
<el-text class="color-secondary" size="small">
192+
<el-text class="color-secondary lighter" size="small">
193193
{{ $t('common.creator') }}: {{ item.nick_name }}
194194
</el-text>
195195
</template>

‎ui/src/views/system-chat-user/chat-user/component/UserDrawer.vue‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -180,7 +180,5 @@ const submit = async (formEl: FormInstance | undefined) => {
180180
defineExpose({ open })
181181
</script>
182182
<style lang="scss" scoped>
183-
:deep(.el-form-item__content) {
184-
font-weight: 400
185-
}
183+
186184
</style>

‎ui/src/views/system-chat-user/chat-user/index.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -145,13 +145,13 @@
145145
<el-icon class="color-success mr-8" style="font-size: 16px">
146146
<SuccessFilled />
147147
</el-icon>
148-
<span class="color-secondary">
148+
<span class="color-text-primary">
149149
{{ $t('common.status.enabled') }}
150150
</span>
151151
</div>
152152
<div v-else class="flex align-center">
153153
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
154-
<span class="color-secondary">
154+
<span class="color-text-primary">
155155
{{ $t('common.status.disabled') }}
156156
</span>
157157
</div>

0 commit comments

Comments
 (0)