Soulter
6e20ebe901
* feat: add KaTeX and Mermaid support for enhanced markdown rendering in MessageList.vue closes: #3747 - Integrated @mdit/plugin-katex and katex for LaTeX rendering. - Added markstream-vue for improved markdown rendering capabilities. - Updated MessageList.vue to utilize MarkdownRender component for rendering markdown content. - Enhanced UI for dark mode compatibility across various components. - Introduced new styles for file links, reasoning blocks, and tool call cards to improve visual consistency. * refactor: replace markdown-it with markstream-vue for improved markdown rendering - Removed markdown-it and related configurations from ReadmeDialog.vue, VerticalHeader.vue, and ConversationPage.vue. - Integrated markstream-vue for enhanced markdown rendering capabilities, including support for KaTeX and Mermaid. - Updated components to utilize MarkdownRender for rendering markdown content, improving consistency and performance. * chore: remove deprecated markdown-it and marked dependencies from pnpm-lock.yaml - Cleaned up pnpm-lock.yaml by removing markdown-it and marked entries, streamlining the dependency list. - This change follows the recent integration of markstream-vue for improved markdown rendering capabilities. * chore: remove d3 dependency and update MessageList.vue for dark mode support - Removed d3 from package.json and commented out its import in LongTermMemory.vue to clean up unused dependencies. - Updated MessageList.vue to ensure consistent dark mode styling by passing the isDark prop to MarkdownRender components. * feat: add loading indicator for message retrieval in Chat and MessageList components - Introduced a loading overlay in Chat.vue and MessageList.vue to indicate when messages are being loaded. - Added a new `isLoadingMessages` prop to manage loading state and enhance user experience during message retrieval. - Updated styles to ensure the loading indicator is visually integrated with the existing UI. * feat: add provider configuration dialog to chat sidebar - Introduced a new `ProviderConfigDialog` component for managing provider settings. - Added a menu item in the `ConversationSidebar` to open the provider configuration dialog. - Updated English and Chinese localization files to include translations for the new provider configuration feature. * feat: update dashboard components and styles for improved chat experience - Replaced font in index.html to use 'Outfit' for a fresh look. - Changed icon in ConversationSidebar.vue to 'mdi-creation' for better representation. - Refactored MessageList.vue to streamline loading indicators and enhance styling consistency. - Updated localization files to change 'Provider Configuration' to 'AI Configuration' for clarity. - Introduced new styles for loading indicators and chat mode adjustments in FullLayout.vue. - Added functionality for toggling between bot and chat modes in the header. - Removed deprecated sidebar item for chat navigation. * feat: xmas easter egg * chore: remove pnpm lock file
129 lines
2.0 KiB
SCSS
129 lines
2.0 KiB
SCSS
html {
|
|
overflow-y: auto;
|
|
}
|
|
.v-main {
|
|
margin-right: 20px;
|
|
}
|
|
@media (max-width: 1279px) {
|
|
.v-main {
|
|
margin: 0 10px;
|
|
}
|
|
}
|
|
.spacer {
|
|
padding: 100px 0;
|
|
}
|
|
@media (max-width: 800px) {
|
|
.spacer {
|
|
padding: 40px 0;
|
|
}
|
|
}
|
|
|
|
.page-wrapper {
|
|
min-height: calc(100vh - 100px);
|
|
padding: 8px;
|
|
// border-radius: $border-radius-root;
|
|
background: rgb(var(--v-theme-containerBg));
|
|
}
|
|
$sizes: (
|
|
'display-1': 44px,
|
|
'display-2': 40px,
|
|
'display-3': 30px,
|
|
'h1': 36px,
|
|
'h2': 30px,
|
|
'h3': 21px,
|
|
'h4': 18px,
|
|
'h5': 16px,
|
|
'h6': 14px,
|
|
'text-8': 8px,
|
|
'text-10': 10px,
|
|
'text-13': 13px,
|
|
'text-18': 18px,
|
|
'text-20': 20px,
|
|
'text-24': 24px,
|
|
'body-text-1': 10px
|
|
);
|
|
|
|
@each $pixel, $size in $sizes {
|
|
.#{$pixel} {
|
|
font-size: $size;
|
|
line-height: $size + 10;
|
|
}
|
|
}
|
|
|
|
.customizer-btn {
|
|
position: fixed;
|
|
top: 25%;
|
|
right: 10px;
|
|
border-radius: 50% 50% 4px;
|
|
.icon {
|
|
animation: progress-circular-rotate 1.4s linear infinite;
|
|
transform-origin: center center;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
}
|
|
.w-100 {
|
|
width: 100%;
|
|
}
|
|
|
|
.h-100vh {
|
|
height: 100vh;
|
|
}
|
|
|
|
.gap-3 {
|
|
gap: 16px;
|
|
}
|
|
|
|
.text-white {
|
|
color: rgb(255, 255, 255) !important;
|
|
}
|
|
|
|
// font family
|
|
|
|
body {
|
|
.Poppins {
|
|
font-family: 'Poppins', sans-serif !important;
|
|
}
|
|
|
|
.Inter {
|
|
font-family: 'Inter', sans-serif !important;
|
|
}
|
|
|
|
.Outfit {
|
|
font-family: 'Outfit', sans-serif !important;
|
|
}
|
|
}
|
|
|
|
@keyframes blink {
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
@keyframes bounce {
|
|
0%,
|
|
20%,
|
|
53%,
|
|
to {
|
|
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transform: translateZ(0);
|
|
}
|
|
40%,
|
|
43% {
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transform: translate3d(0, -5px, 0);
|
|
}
|
|
70% {
|
|
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
|
|
transform: translate3d(0, -7px, 0);
|
|
}
|
|
80% {
|
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
|
transform: translateZ(0);
|
|
}
|
|
90% {
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
}
|