ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-01-29 15:44:12 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

WIP UI upgrade

Browse Source
This commit is contained in:
Saifeddine ALOUI 2023-04-11 23:16:18 +02:00
parent edc3d8a057
commit 0157ddf2b3
3 changed files with 9 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/js/chat.js
View File

@ -123,7 +123,7 @@ function addMessage(sender, message, id, rank=0, can_edit=false) {
buttonsContainer.style.height = '100%';
const editButton = document.createElement('button');
editButton.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-black','rounded-md','hover:bg-[#7ba0ea]','active:bg-[#3d73e1]','transition-colors','ease-in-out');
editButton.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-white','rounded-md','hover:bg-[#7ba0ea]','active:bg-blue-100','transition-colors','ease-in-out');
editButton.style.float = 'right'; // set the float property to right
editButton.style.display='inline-block'
editButton.innerHTML = 'Edit';
@ -167,7 +167,7 @@ function addMessage(sender, message, id, rank=0, can_edit=false) {
});
const rank_up = document.createElement('button');
rank_up.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-black','rounded-md','hover:bg-[#7ba0ea]','active:bg-[#3d73e1]','transition-colors','ease-in-out');
rank_up.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-white','rounded-md','hover:bg-[#7ba0ea]','active:bg-[#3d73e1]','transition-colors','ease-in-out');
rank_up.style.float = 'right'; // set the float property to right
rank_up.style.display='inline-block'
rank_up.innerHTML = 'Up';
@ -196,7 +196,7 @@ function addMessage(sender, message, id, rank=0, can_edit=false) {
});
const rank_down = document.createElement('button');
rank_down.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-black','rounded-md','hover:bg-[#7ba0ea]','active:bg-[#3d73e1]','transition-colors','ease-in-out');
rank_down.classList.add('my-1','mx-1','outline-none','px-4','bg-accent','text-white','rounded-md','hover:bg-[#7ba0ea]','active:bg-[#3d73e1]','transition-colors','ease-in-out');
rank_down.style.float = 'right'; // set the float property to right
rank_down.style.display='inline-block'
rank_down.innerHTML = 'Down';

8
templates/chat.html
View File

@ -6,7 +6,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/tailwindcss.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/chat.css') }}">
</head>
<body class="w-screen h-full bg-primary text-gray-400 flex flex-col bg-blue-900">
<body class="w-screen h-full bg-primary text-gray-400 flex flex-col bg-blue-1000">
<div class="w-full h-20 border-b border-accent bg-tertiary text-2xl font-bold flex justify-between items-center px-6">
<div class="w-12 h-12"><img src="{{ url_for('static', filename='images/icon.png') }}"></div>
<h1>GPT4All - WEBUI</h1>
@ -30,10 +30,10 @@
</li>
</ul>
</div>
<div id="main" class="tab-pane">
<div id="main" class="tab-pane bg-gray-800">
<div class="grid grid-cols-3 gap-4">
<section class="col-span-1 bg-gray-200">
<section id="action-buttons" class="bg-gray-100">
<section class="col-span-1 bg-gray-800">
<section id="action-buttons" class="bg-gray-800">
<button id="new-discussion-btn" class="">
<img src="/static/images/new_message.png" class="w-10 h-10">
</button>

17
templates/help.html
View File

@ -45,7 +45,7 @@
<li><a href="https://github.com/nomic-ai/gpt4all-ui/graphs/contributors">A number of very talented open source developers without whome this project wouldn't be as awesome as it is.</a></li>
<li>You, the users of this tool who helped us in various ways</li>
</ul>
<p class="mb-4">We would also like to acknowledge the following open-source projects that we used:</p>
<ul class="list-disc list-inside mb-4">
<li>pyllamacpp</li>
@ -79,24 +79,11 @@
<dl class="mb-8">
<div class="mb-4">
<dt class="font-bold">How to install?</dt>
<dd>Download the model from .</dd>
</div>
<div class="mb-4">
<dt class="font-bold">Question 2?</dt>
<dd>Answer to question 2.</dd>
</div>
<div>
<dt class="font-bold">Question 3?</dt>
<dd>Answer to question 3.</dd>
<dd>Download the model from the github then use install.bat for windows and install.sh for linux/macOsX.</dd>
</div>
</dl>
</section>
</div>
</main>
<!-- Include jQuery and custom JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha384-/Y6p6TKLrLCf7N6EWeWvB8KK9gBhuivtJ5f5r5cVzs3s15LYGroMNFaGv/ZeCwPb"
crossorigin="anonymous"></script>
<script src="js/help.js"></script>
</body>
</html>