Upgraded ui

This commit is contained in:
Saifeddine ALOUI 2025-02-03 00:06:02 +01:00
parent cb637721ca
commit 79dd5a1f9b
6 changed files with 37 additions and 34 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

17
web/dist/assets/index-xuUsdK2A.css vendored Normal file

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-Dn-Ow83A.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BXgHJ0lt.css">
<script type="module" crossorigin src="/assets/index-DOAjMF0-.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-xuUsdK2A.css">
</head>
<body>
<div id="app"></div>

View File

@ -1,13 +1,8 @@
<template>
<!-- Chatbar Container: Fixed, centered, and compact with a modern look -->
<div
class="fixed bottom-4 left-1/2 transform -translate-x-1/2 w-full max-w-lg p-3 bg-white/95 dark:bg-gray-900/95 backdrop-blur-sm rounded-xl border border-gray-200 dark:border-gray-700 shadow-2xl"
class="fixed bottom-8 left-1/2 transform -translate-x-1/2 w-full max-w-2xl p-6 bg-white/95 dark:bg-gray-900/95 backdrop-blur-sm rounded-xl border border-gray-200 dark:border-gray-700 shadow-2xl"
>
<!-- Panel Toggles Row -->
<div class="flex items-center justify-between mb-3">
</div>
<!-- Files Panel (if any files are attached) -->
<div v-if="filesList.length > 0" class="mb-3">
<div class="flex items-center justify-between mb-2">
@ -141,6 +136,7 @@
<div class="flex items-center gap-2">
<PersonalitiesCommands
v-if="isCommandsValid"
:help="'Personality commands'"
:commandsList="$store.state.mountedPersArr[$store.state.config.active_personality_id].commands"
:sendCommand="sendCMDEvent"
:on-show-toast-message="onShowToastMessage"
@ -148,6 +144,7 @@
/>
<PersonalitiesCommands
v-if="isdataLakeNamesValid"
:help="'Datalakes'"
icon="feather:book"
:commandsList="dataLakeNames"
:sendCommand="mountDB"
@ -156,6 +153,7 @@
/>
<PersonalitiesCommands
icon="feather:zap"
:help="'Function calls (WIP)'"
:commandsList="functionCalls"
:sendCommand="toggleFunctionCall"
:on-show-toast-message="onShowToastMessage"

View File

@ -6,6 +6,7 @@
<button
@click="toggleMenu"
class="flex items-center gap-2 px-4 py-2 text-white rounded-lg transition-all duration-300 shadow-md"
:title="help"
:class="{
'bg-blue-600 hover:bg-blue-700': !isAnyCommandChecked, // Default state
'bg-yellow-400 hover:bg-yellow-500': isAnyCommandChecked // Highlighted state
@ -138,6 +139,10 @@ export default {
props: {
commandsList: Array,
sendCommand: Function,
help: {
type: String,
default: ''
},
icon: {
type: String,
default: ''