mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 01:33:05 +00:00
perf: style
This commit is contained in:
parent
fe35ba3cdc
commit
bc26024bcc
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<div class="breadcrumb ml-4 mt-4 mb-12 flex">
|
||||
<div class="breadcrumb ml-4 mt-4 mb-12 flex align-center">
|
||||
<back-button @click="toBack"></back-button>
|
||||
<div class="flex align-center">
|
||||
<el-avatar
|
||||
|
|
|
|||
|
|
@ -248,6 +248,11 @@
|
|||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.el-form-item__content {
|
||||
font-weight: 400 !important;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
.el-form-item__error {
|
||||
position: unset;
|
||||
font-size: 14px;
|
||||
|
|
@ -285,6 +290,20 @@
|
|||
font-weight: 400;
|
||||
}
|
||||
|
||||
// el-select
|
||||
.el-select__selected-item {
|
||||
color: var(--el-text-color-primary);
|
||||
font-weight: 400;
|
||||
}
|
||||
.el-select__caret {
|
||||
color: var(--app-text-color-secondary);
|
||||
}
|
||||
|
||||
// el-textarea
|
||||
.el-textarea {
|
||||
--el-input-text-color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
// el-input
|
||||
.el-input {
|
||||
--el-input-text-color: var(--el-text-color-primary);
|
||||
|
|
@ -304,6 +323,9 @@
|
|||
.el-pagination .el-select {
|
||||
width: 105px;
|
||||
}
|
||||
.el-pagination__total {
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
|
||||
// el-checkbox
|
||||
.el-checkbox {
|
||||
|
|
@ -317,6 +339,7 @@
|
|||
// el-radio
|
||||
.el-radio {
|
||||
--el-radio-font-weight: 400;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
.el-radio__input.is-checked + .el-radio__label {
|
||||
color: var(--el-text-color-primary);
|
||||
|
|
|
|||
|
|
@ -1,5 +1,10 @@
|
|||
.md-editor {
|
||||
font-weight: 400;
|
||||
--md-color: var(--el-text-color-primary);
|
||||
.cm-content {
|
||||
font-weight: 400;
|
||||
color: var(--el-text-color-primary);
|
||||
}
|
||||
}
|
||||
|
||||
.md-editor-preview {
|
||||
|
|
@ -7,6 +12,7 @@
|
|||
margin: 0;
|
||||
font-size: inherit;
|
||||
word-break: break-word;
|
||||
color: var(--el-text-color-primary);
|
||||
table {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -195,7 +195,7 @@
|
|||
</el-avatar>
|
||||
</template>
|
||||
<template #subTitle>
|
||||
<el-text class="color-secondary" size="small">
|
||||
<el-text class="color-secondary lighter" size="small">
|
||||
<auto-tooltip :content="item.username">
|
||||
{{ $t('common.creator') }}: {{ item.nick_name }}
|
||||
</auto-tooltip>
|
||||
|
|
|
|||
|
|
@ -15,23 +15,23 @@
|
|||
></StatusTable>
|
||||
</template>
|
||||
<template #reference>
|
||||
<el-text v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED">
|
||||
<el-text class="color-text-primary" v-if="aggStatus?.value === State.SUCCESS || aggStatus?.value === State.REVOKED">
|
||||
<el-icon class="color-success"><SuccessFilled /></el-icon>
|
||||
{{ stateMap[aggStatus.value](aggStatus.key) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="aggStatus?.value === State.FAILURE">
|
||||
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.FAILURE">
|
||||
<el-icon class="color-danger"><CircleCloseFilled /></el-icon>
|
||||
{{ stateMap[aggStatus.value](aggStatus.key) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="aggStatus?.value === State.STARTED">
|
||||
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.STARTED">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[aggStatus.value](aggStatus.key) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="aggStatus?.value === State.PENDING">
|
||||
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.PENDING">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[aggStatus.value](aggStatus.key) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="aggStatus?.value === State.REVOKE">
|
||||
<el-text class="color-text-primary" v-else-if="aggStatus?.value === State.REVOKE">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[aggStatus.value](aggStatus.key) }}
|
||||
</el-text>
|
||||
|
|
|
|||
|
|
@ -1,24 +1,27 @@
|
|||
<template>
|
||||
<div v-for="status in statusTable" :key="status.type" >
|
||||
<div v-for="status in statusTable" :key="status.type">
|
||||
<span> {{ taskTypeMap[status.type] }}:</span>
|
||||
<span>
|
||||
<el-text v-if="status.state === State.SUCCESS || status.state === State.REVOKED">
|
||||
<el-text
|
||||
class="color-text-primary"
|
||||
v-if="status.state === State.SUCCESS || status.state === State.REVOKED"
|
||||
>
|
||||
<el-icon class="color-success"><SuccessFilled /></el-icon>
|
||||
{{ stateMap[status.state](status.type) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="status.state === State.FAILURE">
|
||||
<el-text class="color-text-primary" v-else-if="status.state === State.FAILURE">
|
||||
<el-icon class="color-danger"><CircleCloseFilled /></el-icon>
|
||||
{{ stateMap[status.state](status.type) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="status.state === State.STARTED">
|
||||
<el-text class="color-text-primary" v-else-if="status.state === State.STARTED">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[status.state](status.type) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="status.state === State.PENDING">
|
||||
<el-text class="color-text-primary" v-else-if="status.state === State.PENDING">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[status.state](status.type) }}
|
||||
</el-text>
|
||||
<el-text v-else-if="status.state === State.REVOKE">
|
||||
<el-text class="color-text-primary" v-else-if="status.state === State.REVOKE">
|
||||
<el-icon class="is-loading color-primary"><Loading /></el-icon>
|
||||
{{ stateMap[status.state](status.type) }}
|
||||
</el-text>
|
||||
|
|
@ -27,7 +30,7 @@
|
|||
class="ml-8 lighter"
|
||||
:style="{ color: [State.FAILURE, State.REVOKED].includes(status.state) ? '#F54A45' : '' }"
|
||||
>
|
||||
{{ $t('views.document.fileStatus.finish') }}
|
||||
{{ $t('views.document.fileStatus.finish') }}
|
||||
{{
|
||||
Object.keys(status.aggs ? status.aggs : {})
|
||||
.filter((k) => k == State.SUCCESS)
|
||||
|
|
@ -42,7 +45,7 @@
|
|||
status.time
|
||||
? status.time[status.state == State.REVOKED ? State.REVOKED : State.PENDING]?.substring(
|
||||
0,
|
||||
19
|
||||
19,
|
||||
)
|
||||
: undefined
|
||||
}}
|
||||
|
|
@ -100,7 +103,7 @@ const statusTable = computed(() => {
|
|||
type: value,
|
||||
state: parseStatus.task_status[value],
|
||||
aggs: aggs.value[value],
|
||||
time: props.statusMeta.state_time[value]
|
||||
time: props.statusMeta.state_time[value],
|
||||
}
|
||||
})
|
||||
.filter((item) => item.state !== State.IGNORED)
|
||||
|
|
|
|||
|
|
@ -283,13 +283,13 @@
|
|||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||
<SuccessFilled />
|
||||
</el-icon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.enabled') }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-else class="flex align-center">
|
||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.disabled') }}
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -189,7 +189,7 @@
|
|||
<KnowledgeIcon :type="item.type" />
|
||||
</template>
|
||||
<template #subTitle>
|
||||
<el-text class="color-secondary" size="small">
|
||||
<el-text class="color-secondary lighter" size="small">
|
||||
{{ $t('common.creator') }}: {{ item.nick_name }}
|
||||
</el-text>
|
||||
</template>
|
||||
|
|
|
|||
|
|
@ -180,7 +180,5 @@ const submit = async (formEl: FormInstance | undefined) => {
|
|||
defineExpose({ open })
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-form-item__content) {
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -145,13 +145,13 @@
|
|||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||
<SuccessFilled />
|
||||
</el-icon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.enabled') }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-else class="flex align-center">
|
||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.disabled') }}
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -130,13 +130,13 @@
|
|||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||
<SuccessFilled />
|
||||
</el-icon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('views.application.status.published') }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-else class="flex align-center">
|
||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('views.application.status.unpublished') }}
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -89,13 +89,13 @@
|
|||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||
<SuccessFilled />
|
||||
</el-icon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.enabled') }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-else class="flex align-center">
|
||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.disabled') }}
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -106,13 +106,13 @@
|
|||
<el-icon class="color-success mr-8" style="font-size: 16px">
|
||||
<SuccessFilled />
|
||||
</el-icon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.enabled') }}
|
||||
</span>
|
||||
</div>
|
||||
<div v-else class="flex align-center">
|
||||
<AppIcon iconName="app-disabled" class="color-secondary mr-8"></AppIcon>
|
||||
<span class="color-secondary">
|
||||
<span class="color-text-primary">
|
||||
{{ $t('common.status.disabled') }}
|
||||
</span>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue