ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-02-04 18:13:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

upgraded ui

Browse Source
This commit is contained in:
Saifeddine ALOUI 2025-02-04 00:36:58 +01:00
parent 52f9e2d040
commit 844396079c
6 changed files with 51 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lollms_core

@ -1 +1 @@
Subproject commit 2cc532c5e661c294d0bc7be80ea58f96706ea473
Subproject commit 6bb37014bd42f61676db486c053f0de145653c81

17
web/dist/assets/index-B0I7ZOtY.css vendored
View File

File diff suppressed because one or more lines are too long

2
web/dist/assets/index-Bxwk2otq.js → web/dist/assets/index-BQ14NZr0.js vendored
View File

File diff suppressed because one or more lines are too long

17
web/dist/assets/index-C1ThNwCy.css vendored Normal file
View 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-Bxwk2otq.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B0I7ZOtY.css">
<script type="module" crossorigin src="/assets/index-BQ14NZr0.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C1ThNwCy.css">
</head>
<body>
<div id="app"></div>

42
web/src/components/ChatBox.vue
View File

@ -3,9 +3,6 @@
<div
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 transition-all duration-300 ease-in-out z-50"
>
<!-- 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">
@ -88,15 +85,24 @@
<!-- Integrated Send Buttons inside the input box -->
<div class="absolute inset-y-0 right-0 flex items-center pr-2 space-x-1">
<template v-if="loading">
<button
@click="stopGenerating"
class="p-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors"
title="Stop generating"
>
<i data-feather="stop-circle" class="w-5 h-5"></i>
</button>
</template>
<template v-else>
<button
@click="stopGenerating"
class="p-2 bg-red-500 text-white rounded-lg hover:bg-red-600
transform hover:scale-105 active:scale-95
transition-all duration-200 ease-in-out
shadow-md hover:shadow-lg
animate-pulse
focus:outline-none focus:ring-2 focus:ring-red-400
disabled:opacity-50"
title="Stop generating"
aria-label="Stop generation process"
>
<i data-feather="stop-circle"
class="w-5 h-5 animate-spin-slow"
></i>
<span class="sr-only">Stop Generation</span>
</button>
</template> <template v-else>
<button
@click="submit"
class="p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg transition-colors"
@ -405,6 +411,18 @@
<style scoped>
@keyframes spin-slow {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.animate-spin-slow {
animation: spin-slow 3s linear infinite;
}
.personalities-hover-area {
position: relative;
padding-top: 10px; /* Adjust this value to create enough space to move the cursor to the menu */