ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-01-30 16:14:05 +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%'; buttonsContainer.style.height = '100%';
const editButton = document.createElement('button'); 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.float = 'right'; // set the float property to right
editButton.style.display='inline-block' editButton.style.display='inline-block'
editButton.innerHTML = 'Edit'; editButton.innerHTML = 'Edit';
@ -167,7 +167,7 @@ function addMessage(sender, message, id, rank=0, can_edit=false) {
}); });
const rank_up = document.createElement('button'); 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.float = 'right'; // set the float property to right
rank_up.style.display='inline-block' rank_up.style.display='inline-block'
rank_up.innerHTML = 'Up'; rank_up.innerHTML = 'Up';
@ -196,7 +196,7 @@ function addMessage(sender, message, id, rank=0, can_edit=false) {
}); });
const rank_down = document.createElement('button'); 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.float = 'right'; // set the float property to right
rank_down.style.display='inline-block' rank_down.style.display='inline-block'
rank_down.innerHTML = 'Down'; 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/tailwindcss.min.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/chat.css') }}"> <link rel="stylesheet" href="{{ url_for('static', filename='css/chat.css') }}">
</head> </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-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> <div class="w-12 h-12"><img src="{{ url_for('static', filename='images/icon.png') }}"></div>
<h1>GPT4All - WEBUI</h1> <h1>GPT4All - WEBUI</h1>
@ -30,10 +30,10 @@
</li> </li>
</ul> </ul>
</div> </div>
<div id="main" class="tab-pane"> <div id="main" class="tab-pane bg-gray-800">
<div class="grid grid-cols-3 gap-4"> <div class="grid grid-cols-3 gap-4">
<section class="col-span-1 bg-gray-200"> <section class="col-span-1 bg-gray-800">
<section id="action-buttons" class="bg-gray-100"> <section id="action-buttons" class="bg-gray-800">
<button id="new-discussion-btn" class=""> <button id="new-discussion-btn" class="">
<img src="/static/images/new_message.png" class="w-10 h-10"> <img src="/static/images/new_message.png" class="w-10 h-10">
</button> </button>

15
templates/help.html
View File

@ -79,24 +79,11 @@
<dl class="mb-8"> <dl class="mb-8">
<div class="mb-4"> <div class="mb-4">
<dt class="font-bold">How to install?</dt> <dt class="font-bold">How to install?</dt>
<dd>Download the model from .</dd> <dd>Download the model from the github then use install.bat for windows and install.sh for linux/macOsX.</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>
</div> </div>
</dl> </dl>
</section> </section>
</div> </div>
</main> </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> </body>
</html> </html>