From 0157ddf2b3eb8c85d36920f9940ba89a310b5477 Mon Sep 17 00:00:00 2001 From: Saifeddine ALOUI Date: Tue, 11 Apr 2023 23:16:18 +0200 Subject: [PATCH] WIP UI upgrade --- static/js/chat.js | 6 +++--- templates/chat.html | 8 ++++---- templates/help.html | 17 ++--------------- 3 files changed, 9 insertions(+), 22 deletions(-) diff --git a/static/js/chat.js b/static/js/chat.js index 312be093..c8a2a564 100644 --- a/static/js/chat.js +++ b/static/js/chat.js @@ -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'; diff --git a/templates/chat.html b/templates/chat.html index e43ad2d2..0e5be471 100644 --- a/templates/chat.html +++ b/templates/chat.html @@ -6,7 +6,7 @@ - +

GPT4All - WEBUI

@@ -30,10 +30,10 @@
-
+
-
-
+
+
diff --git a/templates/help.html b/templates/help.html index d4680612..be21b2a4 100644 --- a/templates/help.html +++ b/templates/help.html @@ -45,7 +45,7 @@
  • A number of very talented open source developers without whome this project wouldn't be as awesome as it is.
  • You, the users of this tool who helped us in various ways
    • - +

    We would also like to acknowledge the following open-source projects that we used:

    • pyllamacpp
      • @@ -79,24 +79,11 @@
      How to install?
      -
      Download the model from .
      -
      -
      -
      Question 2?
      -
      Answer to question 2.
      -
      -
      -
      Question 3?
      -
      Answer to question 3.
      +
      Download the model from the github then use install.bat for windows and install.sh for linux/macOsX.
    - - - \ No newline at end of file