ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-02-06 19:09:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

WIP: UI enhancement

Browse Source
This commit is contained in:
Saifeddine ALOUI 2023-04-11 23:10:33 +02:00
parent 62e89cd87e
commit edc3d8a057
3 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/chat.css
View File

@ -0,0 +1,20 @@
:root {
--color-primary-light: #ffffff;
--color-secondary-light: #f2f2f2;
--color-primary-dark: #1a1a1a;
--color-secondary-dark: #333333;
}
/* Default light mode styles */
.text-primary {
color: var(--color-primary-light);
}
/* Dark mode styles */
@media (prefers-color-scheme: dark) {
.mode-dark .text-primary {
color: var(--color-primary-dark);
}
}

2
static/js/discussions.js
View File

@ -10,7 +10,7 @@ function populate_discussions_list()
discussions.forEach(discussion => { discussions.forEach(discussion => {
const buttonWrapper = document.createElement('div'); const buttonWrapper = document.createElement('div');
//buttonWrapper.classList.add('flex', 'space-x-2', 'mt-2'); //buttonWrapper.classList.add('flex', 'space-x-2', 'mt-2');
buttonWrapper.classList.add('flex', 'items-center', 'mt-2', 'py-4', 'text-left'); buttonWrapper.classList.add('flex', 'items-center', 'mt-2', 'px-2', 'py-4', 'text-left');
const renameButton = document.createElement('button'); const renameButton = document.createElement('button');
renameButton.classList.add('bg-green-500', 'hover:bg-green-700', 'text-white', 'font-bold', 'py-2', 'px-2', 'rounded', 'ml-2', 'mr-2',"w-20","h-20"); renameButton.classList.add('bg-green-500', 'hover:bg-green-700', 'text-white', 'font-bold', 'py-2', 'px-2', 'rounded', 'ml-2', 'mr-2',"w-20","h-20");

4
templates/chat.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html class="mode-dark">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>GPT4All - WEBUI</title> <title>GPT4All - WEBUI</title>
<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"> <body class="w-screen h-full bg-primary text-gray-400 flex flex-col bg-blue-900">
<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>