upgraded ui

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

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

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-C1ThNwCy.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> <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"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LoLLMS WebUI</title> <title>LoLLMS WebUI</title>
<script type="module" crossorigin src="/assets/index-Bxwk2otq.js"></script> <script type="module" crossorigin src="/assets/index-BQ14NZr0.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B0I7ZOtY.css"> <link rel="stylesheet" crossorigin href="/assets/index-C1ThNwCy.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -3,9 +3,6 @@
<div <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" 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) --> <!-- Files Panel (if any files are attached) -->
<div v-if="filesList.length > 0" class="mb-3"> <div v-if="filesList.length > 0" class="mb-3">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
@ -90,13 +87,22 @@
<template v-if="loading"> <template v-if="loading">
<button <button
@click="stopGenerating" @click="stopGenerating"
class="p-2 bg-red-500 text-white rounded-lg hover:bg-red-600 transition-colors" 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" title="Stop generating"
aria-label="Stop generation process"
> >
<i data-feather="stop-circle" class="w-5 h-5"></i> <i data-feather="stop-circle"
class="w-5 h-5 animate-spin-slow"
></i>
<span class="sr-only">Stop Generation</span>
</button> </button>
</template> </template> <template v-else>
<template v-else>
<button <button
@click="submit" @click="submit"
class="p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg transition-colors" class="p-2 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-lg transition-colors"
@ -405,6 +411,18 @@
<style scoped> <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 { .personalities-hover-area {
position: relative; position: relative;
padding-top: 10px; /* Adjust this value to create enough space to move the cursor to the menu */ padding-top: 10px; /* Adjust this value to create enough space to move the cursor to the menu */