wizardchen
dbc7c32874
- Refactored CSS variables for consistent theming, replacing hardcoded colors with CSS variables for better maintainability. - Updated various components including `AgentAvatar`, `AgentSelector`, and `AgentShareSettings` to utilize new theme variables for colors, backgrounds, and shadows. - Enhanced SVG icons to use `currentColor` for better adaptability to theme changes. - Improved overall UI consistency by aligning styles with the new theming approach, enhancing user experience across the application. These changes significantly improve the visual coherence and maintainability of the UI, ensuring a more seamless user experience.
45 lines
1.0 KiB
Vue
45 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import { useI18n } from 'vue-i18n'
|
|
const { t } = useI18n()
|
|
</script>
|
|
<template>
|
|
<div class="empty">
|
|
<img class="empty-img" src="@/assets/img/upload.svg" alt="">
|
|
<span class="empty-txt">{{ $t('knowledgeBase.emptyKnowledgeDragDrop') }}</span>
|
|
<span class="empty-type-txt">{{ $t('knowledgeBase.pdfDocFormat') }}</span>
|
|
<span class="empty-type-txt">{{ $t('knowledgeBase.textMarkdownFormat') }}</span>
|
|
</div>
|
|
</template>
|
|
<style scoped lang="less">
|
|
.empty {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-flow: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.empty-txt {
|
|
color: var(--td-text-color-placeholder);
|
|
font-family: "PingFang SC";
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
line-height: 26px;
|
|
margin: 12px 0 16px 0;
|
|
}
|
|
|
|
.empty-type-txt {
|
|
color: var(--td-text-color-disabled);
|
|
text-align: center;
|
|
font-family: "PingFang SC";
|
|
font-size: 12px;
|
|
font-weight: 400;
|
|
width: 217px;
|
|
}
|
|
|
|
.empty-img {
|
|
width: 162px;
|
|
height: 162px;
|
|
}
|
|
</style>
|